W3C & CSS Color Module Level 4·Official Keywords·VGA Basic Colors

Color Names Library

The definitive, interactive guide to native CSS named colors and extended curated designer palettes. Inspect live WCAG 2.2 contrast ratings, explore 10-stop shades, discover harmonic palettes, and 1-click copy codes in HEX, RGB, HSL, OKLCH, and Tailwind.

CSS Specs Guide

CrimsonW3C

#DC143C·Reds·Contrast: 5.0:1 on White

Shades & Tints

Harmonies

Sort:

Filter:

Red HTML Color Names

Vibrant, high-energy warm shades associated with passion, urgency, and power. Primary choices for call-to-action buttons, danger notices, and focal badges.

AaAa

Inspect & Copy

RedW3C

#FF00004.0:1

AaAa

Inspect & Copy

CrimsonW3C

#DC143C5.0:1

AaAa

Inspect & Copy

Scarlet

#FF24003.8:1

AaAa

Inspect & Copy

Ruby

#E0115F4.8:1

AaAa

Inspect & Copy

Carmine

#9600189.1:1

AaAa

Inspect & Copy

FireBrickW3C

#B222226.7:1

AaAa

Inspect & Copy

IndianRedW3C

#CD5C5C4.0:1

AaAa

Inspect & Copy

Cherry

#D2042D5.5:1

AaAa

Inspect & Copy

Burgundy

#80002010.8:1

AaAa

Inspect & Copy

DarkRedW3C

#8B000010.0:1

AaAa

Inspect & Copy

Wine

#722F379.7:1

AaAa

Inspect & Copy

Vermilion

#E342344.1:1

AaAa

Inspect & Copy

Sangria

#92000A9.4:1

AaAa

Inspect & Copy

Rosewood

#65000B13.5:1

AaAa

Inspect & Copy

MadderRed

#A500218.0:1

AaAa

Inspect & Copy

Mahogany

#C040005.3:1

AaAa

Inspect & Copy

Garnet

#7336359.1:1

AaAa

Inspect & Copy

VenetianRose

#CC33335.1:1

AaAa

Inspect & Copy

DarkSalmonW3C

#E9967A2.3:1

AaAa

Inspect & Copy

LightSalmonW3C

#FFA07A2.0:1

AaAa

Inspect & Copy

LightCoralW3C

#F080802.6:1

AaAa

Inspect & Copy

BloodRed

#66000013.4:1

AaAa

Inspect & Copy

BrickRed

#CB41544.8:1

AaAa

Inspect & Copy

Cardinal

#C41E3A5.8:1

AaAa

Inspect & Copy

ChiliRed

#C218076.1:1

AaAa

Inspect & Copy

VenetianRed

#C808156.0:1

AaAa

Inspect & Copy

BarnRed

#7C0A0211.1:1

AaAa

Inspect & Copy

Bordeaux

#4C001315.9:1

AaAa

Inspect & Copy

Claret

#7F173410.1:1

AaAa

Inspect & Copy

Raspberry

#E30B5D4.7:1

AaAa

Inspect & Copy

CrimsonGlory

#BE00326.5:1

Pink HTML Color Names

Soft, delicate, and playful hues bridging warm reds and cool purples. Popular in beauty, lifestyle, and celebratory web design.

AaAa

Inspect & Copy

Rose

#FF007F3.8:1

AaAa

Inspect & Copy

DeepPinkW3C

#FF14933.6:1

AaAa

Inspect & Copy

HotPinkW3C

#FF69B42.6:1

AaAa

Inspect & Copy

Flamingo

#FC8EAC2.2:1

AaAa

Inspect & Copy

Blush

#DE5D833.5:1

AaAa

Inspect & Copy

Bubblegum

#FFC1CC1.5:1

AaAa

Inspect & Copy

Carnation

#FFA6C91.8:1

AaAa

Inspect & Copy

Watermelon

#FC6C852.8:1

AaAa

Inspect & Copy

CoralPink

#F883792.5:1

AaAa

Inspect & Copy

PinkW3C

#FFC0CB1.5:1

AaAa

Inspect & Copy

LightPinkW3C

#FFB6C11.6:1

AaAa

Inspect & Copy

MediumVioletRedW3C

#C715855.4:1

AaAa

Inspect & Copy

PaleVioletRedW3C

#DB70933.1:1

AaAa

Inspect & Copy

BarbiePink

#DA18844.7:1

AaAa

Inspect & Copy

Mulberry

#C54B8C4.4:1

AaAa

Inspect & Copy

Mauve

#E0B0FF1.8:1

AaAa

Inspect & Copy

BabyPink

#F4C2C21.6:1

AaAa

Inspect & Copy

CottonCandy

#FFBCD91.6:1

AaAa

Inspect & Copy

PastelPink

#FFD1DC1.4:1

AaAa

Inspect & Copy

DustyRose

#DCAE962.0:1

AaAa

Inspect & Copy

MagentaPink

#FF1DCE3.3:1

AaAa

Inspect & Copy

FuchsiaPink

#FF77FF2.3:1

AaAa

Inspect & Copy

CherryBlossom

#FFB7C51.6:1

AaAa

Inspect & Copy

FrenchRose

#F64A8A3.4:1

AaAa

Inspect & Copy

SalmonPink

#FF91A42.1:1

AaAa

Inspect & Copy

MillennialPink

#F3CFC61.4:1

AaAa

Inspect & Copy

HollywoodCerise

#F400A13.9:1

Orange HTML Color Names

Enthusiastic and stimulating warm tones combining the energy of red and the joy of yellow. Perfect for warnings, seasonal accents, and creative interfaces.

AaAa

Inspect & Copy

OrangeW3C

#FFA5002.0:1

AaAa

Inspect & Copy

DarkOrangeW3C

#FF8C002.3:1

AaAa

Inspect & Copy

OrangeRedW3C

#FF45003.4:1

AaAa

Inspect & Copy

CoralW3C

#FF7F502.5:1

AaAa

Inspect & Copy

TomatoW3C

#FF63473.0:1

AaAa

Inspect & Copy

Tangerine

#F285002.6:1

AaAa

Inspect & Copy

Amber

#FFBF001.6:1

AaAa

Inspect & Copy

Apricot

#FBCEB11.4:1

AaAa

Inspect & Copy

Peach

#FFE5B41.2:1

AaAa

Inspect & Copy

Persimmon

#EC58003.5:1

AaAa

Inspect & Copy

Terracotta

#E2725B3.1:1

AaAa

Inspect & Copy

Cinnabar

#E44D2E3.9:1

AaAa

Inspect & Copy

Marigold

#EAA2212.2:1

AaAa

Inspect & Copy

Ginger

#B065004.5:1

AaAa

Inspect & Copy

Cantaloupe

#FDA4602.0:1

AaAa

Inspect & Copy

NeonOrange

#FF5F1F3.0:1

AaAa

Inspect & Copy

BurntOrange

#CC55004.3:1

AaAa

Inspect & Copy

Pumpkin

#FF75182.7:1

AaAa

Inspect & Copy

CarrotOrange

#ED91212.4:1

AaAa

Inspect & Copy

SafetyOrange

#FF5F003.0:1

AaAa

Inspect & Copy

TigerOrange

#F968153.0:1

AaAa

Inspect & Copy

RustOrange

#C455084.5:1

AaAa

Inspect & Copy

Papaya

#FF8F002.3:1

AaAa

Inspect & Copy

CoralOrange

#FF7F492.5:1

AaAa

Inspect & Copy

Rust

#B7410E5.6:1

AaAa

Inspect & Copy

SalmonW3C

#FA80722.5:1

Yellow HTML Color Names

Bright, luminous, and cheerful colors symbolizing sunlight and optimism. Exceptional for highlighting, alerts, and high-visibility badges.

AaAa

Inspect & Copy

GoldW3C

#FFD7001.4:1

AaAa

Inspect & Copy

YellowW3C

#FFFF001.1:1

AaAa

Inspect & Copy

Canary

#FFEF001.2:1

AaAa

Inspect & Copy

Lemon

#FFF44F1.1:1

AaAa

Inspect & Copy

Banana

#FFE1351.3:1

AaAa

Inspect & Copy

Mustard

#FFDB581.4:1

AaAa

Inspect & Copy

Saffron

#F4C4301.6:1

AaAa

Inspect & Copy

Buttercup

#F3E0401.4:1

AaAa

Inspect & Copy

LightYellowW3C

#FFFFE01.0:1

AaAa

Inspect & Copy

LemonChiffonW3C

#FFFACD1.1:1

AaAa

Inspect & Copy

LightGoldenrodYellowW3C

#FAFAD21.1:1

AaAa

Inspect & Copy

PapayaWhipW3C

#FFEFD51.1:1

AaAa

Inspect & Copy

MoccasinW3C

#FFE4B51.2:1

AaAa

Inspect & Copy

PeachPuffW3C

#FFDAB91.3:1

AaAa

Inspect & Copy

PaleGoldenrodW3C

#EEE8AA1.3:1

AaAa

Inspect & Copy

KhakiW3C

#F0E68C1.3:1

AaAa

Inspect & Copy

DarkKhakiW3C

#BDB76B2.1:1

AaAa

Inspect & Copy

Flax

#EEDC821.4:1

AaAa

Inspect & Copy

Cream

#FFFDD01.0:1

AaAa

Inspect & Copy

NeonYellow

#E9FF321.1:1

AaAa

Inspect & Copy

Sunflower

#FFDA031.4:1

AaAa

Inspect & Copy

Blonde

#FAF0BE1.1:1

AaAa

Inspect & Copy

Aureolin

#FDEE001.2:1

AaAa

Inspect & Copy

Daffodil

#FFFF311.1:1

AaAa

Inspect & Copy

GoldenYellow

#FFDF001.3:1

AaAa

Inspect & Copy

Butter

#FFF68F1.1:1

AaAa

Inspect & Copy

AmberYellow

#FFC0001.6:1

AaAa

Inspect & Copy

ChartreuseYellow

#DFFF001.1:1

AaAa

Inspect & Copy

TuscanSun

#FCD12A1.5:1

Purple HTML Color Names

Regal, mysterious, and sophisticated tones blending the passion of red with the tranquility of blue. Includes the iconic W3C honorary color RebeccaPurple.

AaAa

Inspect & Copy

PurpleW3C

#8000809.4:1

AaAa

Inspect & Copy

RebeccaPurpleW3C

#6633998.4:1

AaAa

Inspect & Copy

IndigoW3C

#4B008212.9:1

AaAa

Inspect & Copy

VioletW3C

#EE82EE2.3:1

AaAa

Inspect & Copy

Amethyst

#9966CC4.1:1

AaAa

Inspect & Copy

Lilac

#C8A2C82.2:1

AaAa

Inspect & Copy

Periwinkle

#CCCCFF1.5:1

AaAa

Inspect & Copy

Iris

#5A4FCF6.1:1

AaAa

Inspect & Copy

Boysenberry

#8732607.9:1

AaAa

Inspect & Copy

Byzantium

#7029639.6:1

AaAa

Inspect & Copy

Eggplant

#6140518.9:1

AaAa

Inspect & Copy

FuchsiaW3C

#FF00FF3.1:1

AaAa

Inspect & Copy

MagentaW3C

#FF00FF3.1:1

AaAa

Inspect & Copy

OrchidW3C

#DA70D62.9:1

AaAa

Inspect & Copy

MediumOrchidW3C

#BA55D33.9:1

AaAa

Inspect & Copy

DarkOrchidW3C

#9932CC5.7:1

AaAa

Inspect & Copy

DarkVioletW3C

#9400D36.6:1

AaAa

Inspect & Copy

BlueVioletW3C

#8A2BE26.0:1

AaAa

Inspect & Copy

MediumPurpleW3C

#9370DB3.8:1

AaAa

Inspect & Copy

DarkMagentaW3C

#8B008B8.5:1

AaAa

Inspect & Copy

PlumW3C

#DDA0DD2.1:1

AaAa

Inspect & Copy

ThistleW3C

#D8BFD81.7:1

AaAa

Inspect & Copy

LavenderW3C

#E6E6FA1.2:1

AaAa

Inspect & Copy

SlateBlueW3C

#6A5ACD5.3:1

AaAa

Inspect & Copy

MediumSlateBlueW3C

#7B68EE4.2:1

AaAa

Inspect & Copy

DarkSlateBlueW3C

#483D8B9.1:1

AaAa

Inspect & Copy

RoyalPurple

#7851A95.9:1

AaAa

Inspect & Copy

DeepPurple

#36013F17.0:1

AaAa

Inspect & Copy

Grape

#6F2DA88.0:1

AaAa

Inspect & Copy

LavenderPurple

#967BB63.6:1

AaAa

Inspect & Copy

Heather

#B7C0EE1.8:1

AaAa

Inspect & Copy

Heliotrope

#DF73FF2.6:1

AaAa

Inspect & Copy

TyrianPurple

#66023C12.8:1

AaAa

Inspect & Copy

MulberryPurple

#5C053613.7:1

AaAa

Inspect & Copy

MauvePurple

#915C835.2:1

Green HTML Color Names

Organic, restful, and balancing hues representing nature, renewal, and success. Ubiquitous in finance, health, confirmation states, and eco-branding.

AaAa

Inspect & Copy

Emerald

#50C8782.1:1

AaAa

Inspect & Copy

Mint

#3EB4892.6:1

AaAa

Inspect & Copy

Jade

#00A86B3.1:1

AaAa

Inspect & Copy

Sage

#9DC1832.0:1

AaAa

Inspect & Copy

ForestGreenW3C

#228B224.4:1

AaAa

Inspect & Copy

SeaGreenW3C

#2E8B574.3:1

AaAa

Inspect & Copy

MediumSeaGreenW3C

#3CB3712.7:1

AaAa

Inspect & Copy

SpringGreenW3C

#00FF7F1.4:1

AaAa

Inspect & Copy

MediumSpringGreenW3C

#00FA9A1.4:1

AaAa

Inspect & Copy

LimeW3C

#00FF001.4:1

AaAa

Inspect & Copy

LimeGreenW3C

#32CD322.1:1

AaAa

Inspect & Copy

GreenW3C

#0080005.1:1

AaAa

Inspect & Copy

DarkGreenW3C

#0064007.4:1

AaAa

Inspect & Copy

PineGreen

#01796F5.3:1

AaAa

Inspect & Copy

Fern

#4F79425.1:1

AaAa

Inspect & Copy

Moss

#8A9A5B3.1:1

AaAa

Inspect & Copy

Basil

#5772345.4:1

AaAa

Inspect & Copy

Pistachio

#93C5722.0:1

AaAa

Inspect & Copy

KellyGreen

#4CBB172.5:1

AaAa

Inspect & Copy

OliveW3C

#8080004.2:1

AaAa

Inspect & Copy

OliveDrabW3C

#6B8E233.8:1

AaAa

Inspect & Copy

DarkOliveGreenW3C

#556B2F6.0:1

AaAa

Inspect & Copy

YellowGreenW3C

#9ACD321.9:1

AaAa

Inspect & Copy

ChartreuseW3C

#7FFF001.3:1

AaAa

Inspect & Copy

LawnGreenW3C

#7CFC001.3:1

AaAa

Inspect & Copy

GreenYellowW3C

#ADFF2F1.2:1

AaAa

Inspect & Copy

PaleGreenW3C

#98FB981.3:1

AaAa

Inspect & Copy

LightGreenW3C

#90EE901.4:1

AaAa

Inspect & Copy

MediumAquamarineW3C

#66CDAA1.9:1

AaAa

Inspect & Copy

DarkSeaGreenW3C

#8FBC8F2.1:1

AaAa

Inspect & Copy

LightSeaGreenW3C

#20B2AA2.6:1

AaAa

Inspect & Copy

DarkCyanW3C

#008B8B4.2:1

AaAa

Inspect & Copy

TealW3C

#0080804.8:1

AaAa

Inspect & Copy

NeonGreen

#39FF141.4:1

AaAa

Inspect & Copy

HunterGreen

#355E3B7.5:1

AaAa

Inspect & Copy

MintGreen

#98FF981.2:1

AaAa

Inspect & Copy

ArmyGreen

#4B53208.2:1

AaAa

Inspect & Copy

ShamrockGreen

#009E603.5:1

AaAa

Inspect & Copy

BottleGreen

#006A4E6.6:1

AaAa

Inspect & Copy

Celadon

#ACE1AF1.5:1

AaAa

Inspect & Copy

OliveGreen

#556B2F6.0:1

AaAa

Inspect & Copy

SeafoamGreen

#9FE2BF1.5:1

AaAa

Inspect & Copy

JungleGreen

#29AB872.9:1

AaAa

Inspect & Copy

AppleGreen

#8DB6002.4:1

AaAa

Inspect & Copy

TeaGreen

#D0F0C01.2:1

Blue HTML Color Names

Calm, authoritative, and trustworthy cool tones. The most popular color family in corporate branding, modern SaaS software, and clean user interfaces.

AaAa

Inspect & Copy

BlueW3C

#0000FF8.6:1

AaAa

Inspect & Copy

Cobalt

#0047AB8.4:1

AaAa

Inspect & Copy

Sapphire

#0F52BA7.2:1

AaAa

Inspect & Copy

RoyalBlueW3C

#4169E14.8:1

AaAa

Inspect & Copy

DodgerBlueW3C

#1E90FF3.2:1

AaAa

Inspect & Copy

DeepSkyBlueW3C

#00BFFF2.1:1

AaAa

Inspect & Copy

Cerulean

#007BA74.8:1

AaAa

Inspect & Copy

Denim

#1560BD6.1:1

AaAa

Inspect & Copy

IndigoDye

#1A5F7A7.1:1

AaAa

Inspect & Copy

PrussianBlue

#00315313.4:1

AaAa

Inspect & Copy

Ultramarine

#3F00FF7.9:1

AaAa

Inspect & Copy

ElectricBlue

#7DF9FF1.3:1

AaAa

Inspect & Copy

Lapis

#26619C6.4:1

AaAa

Inspect & Copy

SteelBlueW3C

#4682B44.1:1

AaAa

Inspect & Copy

SkyBlueW3C

#87CEEB1.7:1

AaAa

Inspect & Copy

LightSkyBlueW3C

#87CEFA1.7:1

AaAa

Inspect & Copy

CornflowerBlueW3C

#6495ED3.0:1

AaAa

Inspect & Copy

MediumBlueW3C

#0000CD11.2:1

AaAa

Inspect & Copy

DarkBlueW3C

#00008B15.3:1

AaAa

Inspect & Copy

NavyW3C

#00008016.0:1

AaAa

Inspect & Copy

MidnightBlueW3C

#19197014.8:1

AaAa

Inspect & Copy

AquaW3C

#00FFFF1.3:1

AaAa

Inspect & Copy

CyanW3C

#00FFFF1.3:1

AaAa

Inspect & Copy

TurquoiseW3C

#40E0D01.6:1

AaAa

Inspect & Copy

MediumTurquoiseW3C

#48D1CC1.9:1

AaAa

Inspect & Copy

DarkTurquoiseW3C

#00CED11.9:1

AaAa

Inspect & Copy

CadetBlueW3C

#5F9EA03.0:1

AaAa

Inspect & Copy

AquamarineW3C

#7FFFD41.2:1

AaAa

Inspect & Copy

PaleTurquoiseW3C

#AFEEEE1.3:1

AaAa

Inspect & Copy

LightCyanW3C

#E0FFFF1.1:1

AaAa

Inspect & Copy

PowderBlueW3C

#B0E0E61.4:1

AaAa

Inspect & Copy

LightSteelBlueW3C

#B0C4DE1.8:1

AaAa

Inspect & Copy

LightBlueW3C

#ADD8E61.5:1

AaAa

Inspect & Copy

BabyBlue

#89CFF01.7:1

AaAa

Inspect & Copy

IceBlue

#99FFFF1.2:1

AaAa

Inspect & Copy

NeonBlue

#4D4DFF5.5:1

AaAa

Inspect & Copy

PastelBlue

#A7C7E71.8:1

AaAa

Inspect & Copy

OceanBlue

#0077BE4.8:1

AaAa

Inspect & Copy

TiffanyBlue

#0ABAB52.4:1

AaAa

Inspect & Copy

MarineBlue

#01386A11.8:1

AaAa

Inspect & Copy

Midnight

#121B2817.3:1

AaAa

Inspect & Copy

PersianBlue

#1C39BB8.9:1

AaAa

Inspect & Copy

CarolinaBlue

#4B9CD33.0:1

AaAa

Inspect & Copy

YaleBlue

#0F4D928.4:1

AaAa

Inspect & Copy

TealBlue

#3675885.2:1

AaAa

Inspect & Copy

AzureBlue

#007FFF3.8:1

AaAa

Inspect & Copy

RobinEggBlue

#00CCCC2.0:1

AaAa

Inspect & Copy

SkyMist

#80C4E91.9:1

Brown HTML Color Names

Earthy, dependable, and wholesome shades conveying stability, warmth, and organic authenticity. Often used in artisan goods, coffee brands, and warm themes.

AaAa

Inspect & Copy

BrownW3C

#A52A2A7.1:1

AaAa

Inspect & Copy

SaddleBrownW3C

#8B45137.1:1

AaAa

Inspect & Copy

SiennaW3C

#A0522D5.6:1

AaAa

Inspect & Copy

ChocolateW3C

#D2691E3.6:1

AaAa

Inspect & Copy

Coffee

#6F4E377.4:1

AaAa

Inspect & Copy

Chestnut

#9545356.6:1

AaAa

Inspect & Copy

Caramel

#AF6E4D4.1:1

AaAa

Inspect & Copy

Espresso

#4E362911.2:1

AaAa

Inspect & Copy

Bronze

#CD7F323.1:1

AaAa

Inspect & Copy

Copper

#B873333.8:1

AaAa

Inspect & Copy

Sepia

#7042148.5:1

AaAa

Inspect & Copy

Ochre

#CC77223.4:1

AaAa

Inspect & Copy

Umber

#6351477.5:1

AaAa

Inspect & Copy

PeruW3C

#CD853F3.0:1

AaAa

Inspect & Copy

TanW3C

#D2B48C2.0:1

AaAa

Inspect & Copy

BurlyWoodW3C

#DEB8871.9:1

AaAa

Inspect & Copy

SandyBrownW3C

#F4A4602.0:1

AaAa

Inspect & Copy

GoldenrodW3C

#DAA5202.2:1

AaAa

Inspect & Copy

DarkGoldenrodW3C

#B8860B3.3:1

AaAa

Inspect & Copy

RosyBrownW3C

#BC8F8F2.8:1

AaAa

Inspect & Copy

WheatW3C

#F5DEB31.3:1

AaAa

Inspect & Copy

NavajoWhiteW3C

#FFDEAD1.3:1

AaAa

Inspect & Copy

BisqueW3C

#FFE4C41.2:1

AaAa

Inspect & Copy

BlanchedAlmondW3C

#FFEBCD1.2:1

AaAa

Inspect & Copy

CornsilkW3C

#FFF8DC1.1:1

AaAa

Inspect & Copy

Taupe

#483C3210.7:1

AaAa

Inspect & Copy

MaroonW3C

#80000010.9:1

AaAa

Inspect & Copy

Walnut

#773F1A8.4:1

AaAa

Inspect & Copy

Peanut

#795D346.1:1

AaAa

Inspect & Copy

Pecan

#482D1612.6:1

AaAa

Inspect & Copy

Cinnamon

#7B3F008.2:1

AaAa

Inspect & Copy

Hazelnut

#7B5E436.0:1

AaAa

Inspect & Copy

Hickory

#351E1015.6:1

AaAa

Inspect & Copy

Sand

#C2B2802.1:1

AaAa

Inspect & Copy

Auburn

#71231D10.7:1

AaAa

Inspect & Copy

AmberBrown

#8B45007.1:1

AaAa

Inspect & Copy

Mocha

#9679694.0:1

AaAa

Inspect & Copy

Gingerbread

#5C2C1611.5:1

Gray HTML Color Names

Neutral, balanced, and modern foundations of UI design. Modern browsers support both US ("gray") and UK ("grey") spellings identically.

AaAa

Inspect & Copy

Charcoal

#36454F9.9:1

AaAa

Inspect & Copy

Onyx

#35383911.8:1

AaAa

Inspect & Copy

Jet

#34343412.4:1

AaAa

Inspect & Copy

Ebony

#555D506.8:1

AaAa

Inspect & Copy

Gunmetal

#2A343912.7:1

AaAa

Inspect & Copy

DarkSlateGrayW3C

#2F4F4F8.9:1

AaAa

Inspect & Copy

DarkSlateGreyW3C

#2F4F4F8.9:1

AaAa

Inspect & Copy

DimGrayW3C

#6969695.5:1

AaAa

Inspect & Copy

DimGreyW3C

#6969695.5:1

AaAa

Inspect & Copy

SlateGrayW3C

#7080904.0:1

AaAa

Inspect & Copy

SlateGreyW3C

#7080904.0:1

AaAa

Inspect & Copy

LightSlateGrayW3C

#7788993.6:1

AaAa

Inspect & Copy

LightSlateGreyW3C

#7788993.6:1

AaAa

Inspect & Copy

GrayW3C

#8080804.0:1

AaAa

Inspect & Copy

GreyW3C

#8080804.0:1

AaAa

Inspect & Copy

DarkGrayW3C

#A9A9A92.4:1

AaAa

Inspect & Copy

DarkGreyW3C

#A9A9A92.4:1

AaAa

Inspect & Copy

SilverW3C

#C0C0C01.8:1

AaAa

Inspect & Copy

LightGrayW3C

#D3D3D31.5:1

AaAa

Inspect & Copy

LightGreyW3C

#D3D3D31.5:1

AaAa

Inspect & Copy

GainsboroW3C

#DCDCDC1.4:1

AaAa

Inspect & Copy

Platinum

#E5E4E21.3:1

AaAa

Inspect & Copy

Ash

#B2BEB51.9:1

AaAa

Inspect & Copy

Smoke

#7382764.0:1

AaAa

Inspect & Copy

Zinc

#71717A4.8:1

AaAa

Inspect & Copy

BlackW3C

#00000021.0:1

AaAa

Inspect & Copy

PitchBlack

#0B0B0B19.7:1

AaAa

Inspect & Copy

CoolGray

#9CA3AF2.5:1

AaAa

Inspect & Copy

WarmGray

#A8A29E2.5:1

AaAa

Inspect & Copy

SteelGray

#71797E4.4:1

AaAa

Inspect & Copy

Iron

#43464B9.5:1

AaAa

Inspect & Copy

Graphite

#53565A7.4:1

AaAa

Inspect & Copy

StoneGray

#877F7D3.9:1

AaAa

Inspect & Copy

Pewter

#8994993.1:1

AaAa

Inspect & Copy

SilverGray

#A0A0A02.6:1

AaAa

Inspect & Copy

Lead

#3F3F3F10.5:1

AaAa

Inspect & Copy

Carbon

#22222215.9:1

AaAa

Inspect & Copy

PearlGray

#D0D0D01.5:1

AaAa

Inspect & Copy

Anthracite

#29313313.3:1

White HTML Color Names

Pure, clean, and airy tones providing visual breathing room, clarity, and maximal contrast for typography and cards across dark and light designs.

AaAa

Inspect & Copy

WhiteW3C

#FFFFFF1.0:1

AaAa

Inspect & Copy

SnowW3C

#FFFAFA1.0:1

AaAa

Inspect & Copy

IvoryW3C

#FFFFF01.0:1

AaAa

Inspect & Copy

Pearl

#EAE0C81.3:1

AaAa

Inspect & Copy

Alabaster

#EDEAE01.2:1

AaAa

Inspect & Copy

Eggshell

#F0EAD61.2:1

AaAa

Inspect & Copy

Vanilla

#F3E5AB1.3:1

AaAa

Inspect & Copy

Parchment

#FCF5E51.1:1

AaAa

Inspect & Copy

FloralWhiteW3C

#FFFAF01.0:1

AaAa

Inspect & Copy

GhostWhiteW3C

#F8F8FF1.1:1

AaAa

Inspect & Copy

WhiteSmokeW3C

#F5F5F51.1:1

AaAa

Inspect & Copy

SeaShellW3C

#FFF5EE1.1:1

AaAa

Inspect & Copy

BeigeW3C

#F5F5DC1.1:1

AaAa

Inspect & Copy

OldLaceW3C

#FDF5E61.1:1

AaAa

Inspect & Copy

LinenW3C

#FAF0E61.1:1

AaAa

Inspect & Copy

AntiqueWhiteW3C

#FAEBD71.2:1

AaAa

Inspect & Copy

AliceBlueW3C

#F0F8FF1.1:1

AaAa

Inspect & Copy

HoneyDewW3C

#F0FFF01.0:1

AaAa

Inspect & Copy

MintCreamW3C

#F5FFFA1.0:1

AaAa

Inspect & Copy

AzureW3C

#F0FFFF1.0:1

AaAa

Inspect & Copy

LavenderBlushW3C

#FFF0F51.1:1

AaAa

Inspect & Copy

MistyRoseW3C

#FFE4E11.2:1

AaAa

Inspect & Copy

MilkWhite

#FDFFF51.0:1

AaAa

Inspect & Copy

BoneWhite

#F9F6EE1.1:1

AaAa

Inspect & Copy

OffWhite

#FAF9F61.1:1

AaAa

Inspect & Copy

CoconutWhite

#FFF1E61.1:1

AaAa

Inspect & Copy

FrostWhite

#F4F6F71.1:1

AaAa

Inspect & Copy

CloudWhite

#F5F5F51.1:1

AaAa

Inspect & Copy

CottonWhite

#FBFBFB1.0:1

AaAa

Inspect & Copy

RiceWhite

#FAF5EF1.1:1

AaAa

Inspect & Copy

ChiffonWhite

#F8ECE01.2:1

Color Name	HEX Code	RGB Values	HSL Values	Category	WCAG Contrast
RedW3C	#FF0000	rgb(255, 0, 0)	hsl(0°, 100%, 50%)	Red	4.0:1/5.3:1 on dark
CrimsonW3C	#DC143C	rgb(220, 20, 60)	hsl(348°, 83%, 47%)	Red	5.0:1/4.2:1 on dark
Scarlet	#FF2400	rgb(255, 36, 0)	hsl(8°, 100%, 50%)	Red	3.8:1/5.5:1 on dark
Ruby	#E0115F	rgb(224, 17, 95)	hsl(337°, 86%, 47%)	Red	4.8:1/4.4:1 on dark
Carmine	#960018	rgb(150, 0, 24)	hsl(350°, 100%, 29%)	Red	9.1:1/2.3:1 on dark
FireBrickW3C	#B22222	rgb(178, 34, 34)	hsl(0°, 68%, 42%)	Red	6.7:1/3.1:1 on dark
IndianRedW3C	#CD5C5C	rgb(205, 92, 92)	hsl(0°, 53%, 58%)	Red	4.0:1/5.3:1 on dark
Cherry	#D2042D	rgb(210, 4, 45)	hsl(348°, 96%, 42%)	Red	5.5:1/3.8:1 on dark
Burgundy	#800020	rgb(128, 0, 32)	hsl(345°, 100%, 25%)	Red	10.8:1/1.9:1 on dark
DarkRedW3C	#8B0000	rgb(139, 0, 0)	hsl(0°, 100%, 27%)	Red	10.0:1/2.1:1 on dark
Wine	#722F37	rgb(114, 47, 55)	hsl(353°, 42%, 32%)	Red	9.7:1/2.2:1 on dark
Vermilion	#E34234	rgb(227, 66, 52)	hsl(5°, 76%, 55%)	Red	4.1:1/5.1:1 on dark
Sangria	#92000A	rgb(146, 0, 10)	hsl(356°, 100%, 29%)	Red	9.4:1/2.2:1 on dark
Rosewood	#65000B	rgb(101, 0, 11)	hsl(353°, 100%, 20%)	Red	13.5:1/1.6:1 on dark
MadderRed	#A50021	rgb(165, 0, 33)	hsl(348°, 100%, 32%)	Red	8.0:1/2.6:1 on dark
Mahogany	#C04000	rgb(192, 64, 0)	hsl(20°, 100%, 38%)	Red	5.3:1/4.0:1 on dark
Garnet	#733635	rgb(115, 54, 53)	hsl(1°, 37%, 33%)	Red	9.1:1/2.3:1 on dark
VenetianRose	#CC3333	rgb(204, 51, 51)	hsl(0°, 60%, 50%)	Red	5.1:1/4.1:1 on dark
DarkSalmonW3C	#E9967A	rgb(233, 150, 122)	hsl(15°, 72%, 70%)	Red	2.3:1/9.1:1 on dark
LightSalmonW3C	#FFA07A	rgb(255, 160, 122)	hsl(17°, 100%, 74%)	Red	2.0:1/10.6:1 on dark
LightCoralW3C	#F08080	rgb(240, 128, 128)	hsl(0°, 79%, 72%)	Red	2.6:1/8.1:1 on dark
BloodRed	#660000	rgb(102, 0, 0)	hsl(0°, 100%, 20%)	Red	13.4:1/1.6:1 on dark
BrickRed	#CB4154	rgb(203, 65, 84)	hsl(352°, 57%, 53%)	Red	4.8:1/4.4:1 on dark
Cardinal	#C41E3A	rgb(196, 30, 58)	hsl(350°, 73%, 44%)	Red	5.8:1/3.6:1 on dark
ChiliRed	#C21807	rgb(194, 24, 7)	hsl(5°, 93%, 39%)	Red	6.1:1/3.4:1 on dark
VenetianRed	#C80815	rgb(200, 8, 21)	hsl(356°, 92%, 41%)	Red	6.0:1/3.5:1 on dark
BarnRed	#7C0A02	rgb(124, 10, 2)	hsl(4°, 97%, 25%)	Red	11.1:1/1.9:1 on dark
Bordeaux	#4C0013	rgb(76, 0, 19)	hsl(345°, 100%, 15%)	Red	15.9:1/1.3:1 on dark
Claret	#7F1734	rgb(127, 23, 52)	hsl(343°, 69%, 29%)	Red	10.1:1/2.1:1 on dark
Raspberry	#E30B5D	rgb(227, 11, 93)	hsl(337°, 91%, 47%)	Red	4.7:1/4.5:1 on dark
CrimsonGlory	#BE0032	rgb(190, 0, 50)	hsl(344°, 100%, 37%)	Red	6.5:1/3.2:1 on dark
Rose	#FF007F	rgb(255, 0, 127)	hsl(330°, 100%, 50%)	Pink	3.8:1/5.6:1 on dark
DeepPinkW3C	#FF1493	rgb(255, 20, 147)	hsl(328°, 100%, 54%)	Pink	3.6:1/5.8:1 on dark
HotPinkW3C	#FF69B4	rgb(255, 105, 180)	hsl(330°, 100%, 71%)	Pink	2.6:1/7.9:1 on dark
Flamingo	#FC8EAC	rgb(252, 142, 172)	hsl(344°, 95%, 77%)	Pink	2.2:1/9.6:1 on dark
Blush	#DE5D83	rgb(222, 93, 131)	hsl(342°, 66%, 62%)	Pink	3.5:1/6.0:1 on dark
Bubblegum	#FFC1CC	rgb(255, 193, 204)	hsl(349°, 100%, 88%)	Pink	1.5:1/13.8:1 on dark
Carnation	#FFA6C9	rgb(255, 166, 201)	hsl(336°, 100%, 83%)	Pink	1.8:1/11.6:1 on dark
Watermelon	#FC6C85	rgb(252, 108, 133)	hsl(350°, 96%, 71%)	Pink	2.8:1/7.6:1 on dark
CoralPink	#F88379	rgb(248, 131, 121)	hsl(5°, 90%, 72%)	Pink	2.5:1/8.5:1 on dark
PinkW3C	#FFC0CB	rgb(255, 192, 203)	hsl(350°, 100%, 88%)	Pink	1.5:1/13.7:1 on dark
LightPinkW3C	#FFB6C1	rgb(255, 182, 193)	hsl(351°, 100%, 86%)	Pink	1.6:1/12.7:1 on dark
MediumVioletRedW3C	#C71585	rgb(199, 21, 133)	hsl(322°, 81%, 43%)	Pink	5.4:1/3.9:1 on dark
PaleVioletRedW3C	#DB7093	rgb(219, 112, 147)	hsl(340°, 60%, 65%)	Pink	3.1:1/6.8:1 on dark
BarbiePink	#DA1884	rgb(218, 24, 132)	hsl(327°, 80%, 47%)	Pink	4.7:1/4.4:1 on dark
Mulberry	#C54B8C	rgb(197, 75, 140)	hsl(328°, 51%, 53%)	Pink	4.4:1/4.8:1 on dark
Mauve	#E0B0FF	rgb(224, 176, 255)	hsl(276°, 100%, 85%)	Pink	1.8:1/11.8:1 on dark
BabyPink	#F4C2C2	rgb(244, 194, 194)	hsl(0°, 69%, 86%)	Pink	1.6:1/13.3:1 on dark
CottonCandy	#FFBCD9	rgb(255, 188, 217)	hsl(334°, 100%, 87%)	Pink	1.6:1/13.4:1 on dark
PastelPink	#FFD1DC	rgb(255, 209, 220)	hsl(346°, 100%, 91%)	Pink	1.4:1/15.4:1 on dark
DustyRose	#DCAE96	rgb(220, 174, 150)	hsl(21°, 50%, 73%)	Pink	2.0:1/10.5:1 on dark
MagentaPink	#FF1DCE	rgb(255, 29, 206)	hsl(313°, 100%, 56%)	Pink	3.3:1/6.3:1 on dark
FuchsiaPink	#FF77FF	rgb(255, 119, 255)	hsl(300°, 100%, 73%)	Pink	2.3:1/9.3:1 on dark
CherryBlossom	#FFB7C5	rgb(255, 183, 197)	hsl(348°, 100%, 86%)	Pink	1.6:1/12.8:1 on dark
FrenchRose	#F64A8A	rgb(246, 74, 138)	hsl(338°, 91%, 63%)	Pink	3.4:1/6.3:1 on dark
SalmonPink	#FF91A4	rgb(255, 145, 164)	hsl(350°, 100%, 78%)	Pink	2.1:1/9.8:1 on dark
MillennialPink	#F3CFC6	rgb(243, 207, 198)	hsl(12°, 65%, 86%)	Pink	1.4:1/14.6:1 on dark
HollywoodCerise	#F400A1	rgb(244, 0, 161)	hsl(320°, 100%, 48%)	Pink	3.9:1/5.4:1 on dark
OrangeW3C	#FFA500	rgb(255, 165, 0)	hsl(39°, 100%, 50%)	Orange	2.0:1/10.6:1 on dark
DarkOrangeW3C	#FF8C00	rgb(255, 140, 0)	hsl(33°, 100%, 50%)	Orange	2.3:1/9.0:1 on dark
OrangeRedW3C	#FF4500	rgb(255, 69, 0)	hsl(16°, 100%, 50%)	Orange	3.4:1/6.1:1 on dark
CoralW3C	#FF7F50	rgb(255, 127, 80)	hsl(16°, 100%, 66%)	Orange	2.5:1/8.4:1 on dark
TomatoW3C	#FF6347	rgb(255, 99, 71)	hsl(9°, 100%, 64%)	Orange	3.0:1/7.1:1 on dark
Tangerine	#F28500	rgb(242, 133, 0)	hsl(33°, 100%, 47%)	Orange	2.6:1/8.1:1 on dark
Amber	#FFBF00	rgb(255, 191, 0)	hsl(45°, 100%, 50%)	Orange	1.6:1/12.7:1 on dark
Apricot	#FBCEB1	rgb(251, 206, 177)	hsl(24°, 90%, 84%)	Orange	1.4:1/14.6:1 on dark
Peach	#FFE5B4	rgb(255, 229, 180)	hsl(39°, 100%, 85%)	Orange	1.2:1/17.1:1 on dark
Persimmon	#EC5800	rgb(236, 88, 0)	hsl(22°, 100%, 46%)	Orange	3.5:1/6.0:1 on dark
Terracotta	#E2725B	rgb(226, 114, 91)	hsl(10°, 70%, 62%)	Orange	3.1:1/6.8:1 on dark
Cinnabar	#E44D2E	rgb(228, 77, 46)	hsl(10°, 77%, 54%)	Orange	3.9:1/5.4:1 on dark
Marigold	#EAA221	rgb(234, 162, 33)	hsl(39°, 83%, 52%)	Orange	2.2:1/9.7:1 on dark
Ginger	#B06500	rgb(176, 101, 0)	hsl(34°, 100%, 35%)	Orange	4.5:1/4.7:1 on dark
Cantaloupe	#FDA460	rgb(253, 164, 96)	hsl(26°, 98%, 68%)	Orange	2.0:1/10.7:1 on dark
NeonOrange	#FF5F1F	rgb(255, 95, 31)	hsl(17°, 100%, 56%)	Orange	3.0:1/6.9:1 on dark
BurntOrange	#CC5500	rgb(204, 85, 0)	hsl(25°, 100%, 40%)	Orange	4.3:1/4.9:1 on dark
Pumpkin	#FF7518	rgb(255, 117, 24)	hsl(24°, 100%, 55%)	Orange	2.7:1/7.8:1 on dark
CarrotOrange	#ED9121	rgb(237, 145, 33)	hsl(33°, 85%, 53%)	Orange	2.4:1/8.7:1 on dark
SafetyOrange	#FF5F00	rgb(255, 95, 0)	hsl(22°, 100%, 50%)	Orange	3.0:1/6.9:1 on dark
TigerOrange	#F96815	rgb(249, 104, 21)	hsl(22°, 95%, 53%)	Orange	3.0:1/7.0:1 on dark
RustOrange	#C45508	rgb(196, 85, 8)	hsl(25°, 92%, 40%)	Orange	4.5:1/4.7:1 on dark
Papaya	#FF8F00	rgb(255, 143, 0)	hsl(34°, 100%, 50%)	Orange	2.3:1/9.2:1 on dark
CoralOrange	#FF7F49	rgb(255, 127, 73)	hsl(18°, 100%, 64%)	Orange	2.5:1/8.4:1 on dark
Rust	#B7410E	rgb(183, 65, 14)	hsl(18°, 86%, 39%)	Orange	5.6:1/3.8:1 on dark
SalmonW3C	#FA8072	rgb(250, 128, 114)	hsl(6°, 93%, 71%)	Orange	2.5:1/8.4:1 on dark
GoldW3C	#FFD700	rgb(255, 215, 0)	hsl(51°, 100%, 50%)	Yellow	1.4:1/15.0:1 on dark
YellowW3C	#FFFF00	rgb(255, 255, 0)	hsl(60°, 100%, 50%)	Yellow	1.1:1/19.6:1 on dark
Canary	#FFEF00	rgb(255, 239, 0)	hsl(56°, 100%, 50%)	Yellow	1.2:1/17.6:1 on dark
Lemon	#FFF44F	rgb(255, 244, 79)	hsl(56°, 100%, 65%)	Yellow	1.1:1/18.3:1 on dark
Banana	#FFE135	rgb(255, 225, 53)	hsl(51°, 100%, 60%)	Yellow	1.3:1/16.1:1 on dark
Mustard	#FFDB58	rgb(255, 219, 88)	hsl(47°, 100%, 67%)	Yellow	1.4:1/15.5:1 on dark
Saffron	#F4C430	rgb(244, 196, 48)	hsl(45°, 90%, 57%)	Yellow	1.6:1/12.8:1 on dark
Buttercup	#F3E040	rgb(243, 224, 64)	hsl(54°, 88%, 60%)	Yellow	1.4:1/15.6:1 on dark
LightYellowW3C	#FFFFE0	rgb(255, 255, 224)	hsl(60°, 100%, 94%)	Yellow	1.0:1/20.6:1 on dark
LemonChiffonW3C	#FFFACD	rgb(255, 250, 205)	hsl(54°, 100%, 90%)	Yellow	1.1:1/19.8:1 on dark
LightGoldenrodYellowW3C	#FAFAD2	rgb(250, 250, 210)	hsl(60°, 80%, 90%)	Yellow	1.1:1/19.7:1 on dark
PapayaWhipW3C	#FFEFD5	rgb(255, 239, 213)	hsl(37°, 100%, 92%)	Yellow	1.1:1/18.6:1 on dark
MoccasinW3C	#FFE4B5	rgb(255, 228, 181)	hsl(38°, 100%, 85%)	Yellow	1.2:1/17.0:1 on dark
PeachPuffW3C	#FFDAB9	rgb(255, 218, 185)	hsl(28°, 100%, 86%)	Yellow	1.3:1/16.0:1 on dark
PaleGoldenrodW3C	#EEE8AA	rgb(238, 232, 170)	hsl(55°, 67%, 80%)	Yellow	1.3:1/16.8:1 on dark
KhakiW3C	#F0E68C	rgb(240, 230, 140)	hsl(54°, 77%, 75%)	Yellow	1.3:1/16.4:1 on dark
DarkKhakiW3C	#BDB76B	rgb(189, 183, 107)	hsl(56°, 38%, 58%)	Yellow	2.1:1/10.2:1 on dark
Flax	#EEDC82	rgb(238, 220, 130)	hsl(50°, 76%, 72%)	Yellow	1.4:1/15.2:1 on dark
Cream	#FFFDD0	rgb(255, 253, 208)	hsl(57°, 100%, 91%)	Yellow	1.0:1/20.2:1 on dark
NeonYellow	#E9FF32	rgb(233, 255, 50)	hsl(66°, 100%, 60%)	Yellow	1.1:1/18.8:1 on dark
Sunflower	#FFDA03	rgb(255, 218, 3)	hsl(51°, 100%, 51%)	Yellow	1.4:1/15.3:1 on dark
Blonde	#FAF0BE	rgb(250, 240, 190)	hsl(50°, 86%, 86%)	Yellow	1.1:1/18.3:1 on dark
Aureolin	#FDEE00	rgb(253, 238, 0)	hsl(56°, 100%, 50%)	Yellow	1.2:1/17.4:1 on dark
Daffodil	#FFFF31	rgb(255, 255, 49)	hsl(60°, 100%, 60%)	Yellow	1.1:1/19.6:1 on dark
GoldenYellow	#FFDF00	rgb(255, 223, 0)	hsl(52°, 100%, 50%)	Yellow	1.3:1/15.8:1 on dark
Butter	#FFF68F	rgb(255, 246, 143)	hsl(55°, 100%, 78%)	Yellow	1.1:1/18.8:1 on dark
AmberYellow	#FFC000	rgb(255, 192, 0)	hsl(45°, 100%, 50%)	Yellow	1.6:1/12.8:1 on dark
ChartreuseYellow	#DFFF00	rgb(223, 255, 0)	hsl(68°, 100%, 50%)	Yellow	1.1:1/18.4:1 on dark
TuscanSun	#FCD12A	rgb(252, 209, 42)	hsl(48°, 97%, 58%)	Yellow	1.5:1/14.3:1 on dark
PurpleW3C	#800080	rgb(128, 0, 128)	hsl(300°, 100%, 25%)	Purple	9.4:1/2.2:1 on dark
RebeccaPurpleW3C	#663399	rgb(102, 51, 153)	hsl(270°, 50%, 40%)	Purple	8.4:1/2.5:1 on dark
IndigoW3C	#4B0082	rgb(75, 0, 130)	hsl(275°, 100%, 25%)	Purple	12.9:1/1.6:1 on dark
VioletW3C	#EE82EE	rgb(238, 130, 238)	hsl(300°, 76%, 72%)	Purple	2.3:1/9.1:1 on dark
Amethyst	#9966CC	rgb(153, 102, 204)	hsl(270°, 50%, 60%)	Purple	4.1:1/5.1:1 on dark
Lilac	#C8A2C8	rgb(200, 162, 200)	hsl(300°, 26%, 71%)	Purple	2.2:1/9.5:1 on dark
Periwinkle	#CCCCFF	rgb(204, 204, 255)	hsl(240°, 100%, 90%)	Purple	1.5:1/13.7:1 on dark
Iris	#5A4FCF	rgb(90, 79, 207)	hsl(245°, 57%, 56%)	Purple	6.1:1/3.5:1 on dark
Boysenberry	#873260	rgb(135, 50, 96)	hsl(328°, 46%, 36%)	Purple	7.9:1/2.7:1 on dark
Byzantium	#702963	rgb(112, 41, 99)	hsl(311°, 46%, 30%)	Purple	9.6:1/2.2:1 on dark
Eggplant	#614051	rgb(97, 64, 81)	hsl(329°, 20%, 32%)	Purple	8.9:1/2.4:1 on dark
FuchsiaW3C	#FF00FF	rgb(255, 0, 255)	hsl(300°, 100%, 50%)	Purple	3.1:1/6.7:1 on dark
MagentaW3C	#FF00FF	rgb(255, 0, 255)	hsl(300°, 100%, 50%)	Purple	3.1:1/6.7:1 on dark
OrchidW3C	#DA70D6	rgb(218, 112, 214)	hsl(302°, 59%, 65%)	Purple	2.9:1/7.3:1 on dark
MediumOrchidW3C	#BA55D3	rgb(186, 85, 211)	hsl(288°, 59%, 58%)	Purple	3.9:1/5.3:1 on dark
DarkOrchidW3C	#9932CC	rgb(153, 50, 204)	hsl(280°, 61%, 50%)	Purple	5.7:1/3.7:1 on dark
DarkVioletW3C	#9400D3	rgb(148, 0, 211)	hsl(282°, 100%, 41%)	Purple	6.6:1/3.2:1 on dark
BlueVioletW3C	#8A2BE2	rgb(138, 43, 226)	hsl(271°, 76%, 53%)	Purple	6.0:1/3.5:1 on dark
MediumPurpleW3C	#9370DB	rgb(147, 112, 219)	hsl(260°, 60%, 65%)	Purple	3.8:1/5.6:1 on dark
DarkMagentaW3C	#8B008B	rgb(139, 0, 139)	hsl(300°, 100%, 27%)	Purple	8.5:1/2.5:1 on dark
PlumW3C	#DDA0DD	rgb(221, 160, 221)	hsl(300°, 47%, 75%)	Purple	2.1:1/10.2:1 on dark
ThistleW3C	#D8BFD8	rgb(216, 191, 216)	hsl(300°, 24%, 80%)	Purple	1.7:1/12.4:1 on dark
LavenderW3C	#E6E6FA	rgb(230, 230, 250)	hsl(240°, 67%, 94%)	Purple	1.2:1/17.1:1 on dark
SlateBlueW3C	#6A5ACD	rgb(106, 90, 205)	hsl(248°, 53%, 58%)	Purple	5.3:1/4.0:1 on dark
MediumSlateBlueW3C	#7B68EE	rgb(123, 104, 238)	hsl(249°, 80%, 67%)	Purple	4.2:1/5.1:1 on dark
DarkSlateBlueW3C	#483D8B	rgb(72, 61, 139)	hsl(248°, 39%, 39%)	Purple	9.1:1/2.3:1 on dark
RoyalPurple	#7851A9	rgb(120, 81, 169)	hsl(267°, 35%, 49%)	Purple	5.9:1/3.5:1 on dark
DeepPurple	#36013F	rgb(54, 1, 63)	hsl(291°, 97%, 13%)	Purple	17.0:1/1.2:1 on dark
Grape	#6F2DA8	rgb(111, 45, 168)	hsl(272°, 58%, 42%)	Purple	8.0:1/2.6:1 on dark
LavenderPurple	#967BB6	rgb(150, 123, 182)	hsl(267°, 29%, 60%)	Purple	3.6:1/5.8:1 on dark
Heather	#B7C0EE	rgb(183, 192, 238)	hsl(230°, 62%, 83%)	Purple	1.8:1/11.8:1 on dark
Heliotrope	#DF73FF	rgb(223, 115, 255)	hsl(286°, 100%, 73%)	Purple	2.6:1/8.0:1 on dark
TyrianPurple	#66023C	rgb(102, 2, 60)	hsl(325°, 96%, 20%)	Purple	12.8:1/1.6:1 on dark
MulberryPurple	#5C0536	rgb(92, 5, 54)	hsl(326°, 90%, 19%)	Purple	13.7:1/1.5:1 on dark
MauvePurple	#915C83	rgb(145, 92, 131)	hsl(316°, 22%, 46%)	Purple	5.2:1/4.1:1 on dark
Emerald	#50C878	rgb(80, 200, 120)	hsl(140°, 52%, 55%)	Green	2.1:1/9.9:1 on dark
Mint	#3EB489	rgb(62, 180, 137)	hsl(158°, 49%, 47%)	Green	2.6:1/8.1:1 on dark
Jade	#00A86B	rgb(0, 168, 107)	hsl(158°, 100%, 33%)	Green	3.1:1/6.8:1 on dark
Sage	#9DC183	rgb(157, 193, 131)	hsl(95°, 33%, 64%)	Green	2.0:1/10.4:1 on dark
ForestGreenW3C	#228B22	rgb(34, 139, 34)	hsl(120°, 61%, 34%)	Green	4.4:1/4.8:1 on dark
SeaGreenW3C	#2E8B57	rgb(46, 139, 87)	hsl(146°, 50%, 36%)	Green	4.3:1/5.0:1 on dark
MediumSeaGreenW3C	#3CB371	rgb(60, 179, 113)	hsl(147°, 50%, 47%)	Green	2.7:1/7.9:1 on dark
SpringGreenW3C	#00FF7F	rgb(0, 255, 127)	hsl(150°, 100%, 50%)	Green	1.4:1/15.6:1 on dark
MediumSpringGreenW3C	#00FA9A	rgb(0, 250, 154)	hsl(157°, 100%, 49%)	Green	1.4:1/15.1:1 on dark
LimeW3C	#00FF00	rgb(0, 255, 0)	hsl(120°, 100%, 50%)	Green	1.4:1/15.3:1 on dark
LimeGreenW3C	#32CD32	rgb(50, 205, 50)	hsl(120°, 61%, 50%)	Green	2.1:1/9.9:1 on dark
GreenW3C	#008000	rgb(0, 128, 0)	hsl(120°, 100%, 25%)	Green	5.1:1/4.1:1 on dark
DarkGreenW3C	#006400	rgb(0, 100, 0)	hsl(120°, 100%, 20%)	Green	7.4:1/2.8:1 on dark
PineGreen	#01796F	rgb(1, 121, 111)	hsl(175°, 98%, 24%)	Green	5.3:1/4.0:1 on dark
Fern	#4F7942	rgb(79, 121, 66)	hsl(106°, 29%, 37%)	Green	5.1:1/4.2:1 on dark
Moss	#8A9A5B	rgb(138, 154, 91)	hsl(75°, 26%, 48%)	Green	3.1:1/6.8:1 on dark
Basil	#577234	rgb(87, 114, 52)	hsl(86°, 37%, 33%)	Green	5.4:1/3.9:1 on dark
Pistachio	#93C572	rgb(147, 197, 114)	hsl(96°, 42%, 61%)	Green	2.0:1/10.5:1 on dark
KellyGreen	#4CBB17	rgb(76, 187, 23)	hsl(101°, 78%, 41%)	Green	2.5:1/8.4:1 on dark
OliveW3C	#808000	rgb(128, 128, 0)	hsl(60°, 100%, 25%)	Green	4.2:1/5.0:1 on dark
OliveDrabW3C	#6B8E23	rgb(107, 142, 35)	hsl(80°, 60%, 35%)	Green	3.8:1/5.5:1 on dark
DarkOliveGreenW3C	#556B2F	rgb(85, 107, 47)	hsl(82°, 39%, 30%)	Green	6.0:1/3.5:1 on dark
YellowGreenW3C	#9ACD32	rgb(154, 205, 50)	hsl(80°, 61%, 50%)	Green	1.9:1/11.2:1 on dark
ChartreuseW3C	#7FFF00	rgb(127, 255, 0)	hsl(90°, 100%, 50%)	Green	1.3:1/16.2:1 on dark
LawnGreenW3C	#7CFC00	rgb(124, 252, 0)	hsl(90°, 100%, 49%)	Green	1.3:1/15.8:1 on dark
GreenYellowW3C	#ADFF2F	rgb(173, 255, 47)	hsl(84°, 100%, 59%)	Green	1.2:1/17.1:1 on dark
PaleGreenW3C	#98FB98	rgb(152, 251, 152)	hsl(120°, 93%, 79%)	Green	1.3:1/16.6:1 on dark
LightGreenW3C	#90EE90	rgb(144, 238, 144)	hsl(120°, 73%, 75%)	Green	1.4:1/14.8:1 on dark
MediumAquamarineW3C	#66CDAA	rgb(102, 205, 170)	hsl(160°, 51%, 60%)	Green	1.9:1/10.9:1 on dark
DarkSeaGreenW3C	#8FBC8F	rgb(143, 188, 143)	hsl(120°, 25%, 65%)	Green	2.1:1/9.8:1 on dark
LightSeaGreenW3C	#20B2AA	rgb(32, 178, 170)	hsl(177°, 70%, 41%)	Green	2.6:1/8.0:1 on dark
DarkCyanW3C	#008B8B	rgb(0, 139, 139)	hsl(180°, 100%, 27%)	Green	4.2:1/5.1:1 on dark
TealW3C	#008080	rgb(0, 128, 128)	hsl(180°, 100%, 25%)	Green	4.8:1/4.4:1 on dark
NeonGreen	#39FF14	rgb(57, 255, 20)	hsl(111°, 100%, 54%)	Green	1.4:1/15.5:1 on dark
HunterGreen	#355E3B	rgb(53, 94, 59)	hsl(129°, 28%, 29%)	Green	7.5:1/2.8:1 on dark
MintGreen	#98FF98	rgb(152, 255, 152)	hsl(120°, 100%, 80%)	Green	1.2:1/17.1:1 on dark
ArmyGreen	#4B5320	rgb(75, 83, 32)	hsl(69°, 44%, 23%)	Green	8.2:1/2.6:1 on dark
ShamrockGreen	#009E60	rgb(0, 158, 96)	hsl(156°, 100%, 31%)	Green	3.5:1/6.1:1 on dark
BottleGreen	#006A4E	rgb(0, 106, 78)	hsl(164°, 100%, 21%)	Green	6.6:1/3.2:1 on dark
Celadon	#ACE1AF	rgb(172, 225, 175)	hsl(123°, 47%, 78%)	Green	1.5:1/14.1:1 on dark
OliveGreen	#556B2F	rgb(85, 107, 47)	hsl(82°, 39%, 30%)	Green	6.0:1/3.5:1 on dark
SeafoamGreen	#9FE2BF	rgb(159, 226, 191)	hsl(149°, 54%, 75%)	Green	1.5:1/14.1:1 on dark
JungleGreen	#29AB87	rgb(41, 171, 135)	hsl(163°, 61%, 42%)	Green	2.9:1/7.3:1 on dark
AppleGreen	#8DB600	rgb(141, 182, 0)	hsl(74°, 100%, 36%)	Green	2.4:1/8.8:1 on dark
TeaGreen	#D0F0C0	rgb(208, 240, 192)	hsl(100°, 62%, 85%)	Green	1.2:1/16.9:1 on dark
BlueW3C	#0000FF	rgb(0, 0, 255)	hsl(240°, 100%, 50%)	Blue	8.6:1/2.4:1 on dark
Cobalt	#0047AB	rgb(0, 71, 171)	hsl(215°, 100%, 34%)	Blue	8.4:1/2.5:1 on dark
Sapphire	#0F52BA	rgb(15, 82, 186)	hsl(216°, 85%, 39%)	Blue	7.2:1/2.9:1 on dark
RoyalBlueW3C	#4169E1	rgb(65, 105, 225)	hsl(225°, 73%, 57%)	Blue	4.8:1/4.3:1 on dark
DodgerBlueW3C	#1E90FF	rgb(30, 144, 255)	hsl(210°, 100%, 56%)	Blue	3.2:1/6.5:1 on dark
DeepSkyBlueW3C	#00BFFF	rgb(0, 191, 255)	hsl(195°, 100%, 50%)	Blue	2.1:1/9.9:1 on dark
Cerulean	#007BA7	rgb(0, 123, 167)	hsl(196°, 100%, 33%)	Blue	4.8:1/4.4:1 on dark
Denim	#1560BD	rgb(21, 96, 189)	hsl(213°, 80%, 41%)	Blue	6.1:1/3.4:1 on dark
IndigoDye	#1A5F7A	rgb(26, 95, 122)	hsl(197°, 65%, 29%)	Blue	7.1:1/3.0:1 on dark
PrussianBlue	#003153	rgb(0, 49, 83)	hsl(205°, 100%, 16%)	Blue	13.4:1/1.6:1 on dark
Ultramarine	#3F00FF	rgb(63, 0, 255)	hsl(255°, 100%, 50%)	Blue	7.9:1/2.7:1 on dark
ElectricBlue	#7DF9FF	rgb(125, 249, 255)	hsl(183°, 100%, 75%)	Blue	1.3:1/16.9:1 on dark
Lapis	#26619C	rgb(38, 97, 156)	hsl(210°, 61%, 38%)	Blue	6.4:1/3.3:1 on dark
SteelBlueW3C	#4682B4	rgb(70, 130, 180)	hsl(207°, 44%, 49%)	Blue	4.1:1/5.1:1 on dark
SkyBlueW3C	#87CEEB	rgb(135, 206, 235)	hsl(197°, 71%, 73%)	Blue	1.7:1/12.1:1 on dark
LightSkyBlueW3C	#87CEFA	rgb(135, 206, 250)	hsl(203°, 92%, 75%)	Blue	1.7:1/12.2:1 on dark
CornflowerBlueW3C	#6495ED	rgb(100, 149, 237)	hsl(219°, 79%, 66%)	Blue	3.0:1/7.1:1 on dark
MediumBlueW3C	#0000CD	rgb(0, 0, 205)	hsl(240°, 100%, 40%)	Blue	11.2:1/1.9:1 on dark
DarkBlueW3C	#00008B	rgb(0, 0, 139)	hsl(240°, 100%, 27%)	Blue	15.3:1/1.4:1 on dark
NavyW3C	#000080	rgb(0, 0, 128)	hsl(240°, 100%, 25%)	Blue	16.0:1/1.3:1 on dark
MidnightBlueW3C	#191970	rgb(25, 25, 112)	hsl(240°, 64%, 27%)	Blue	14.8:1/1.4:1 on dark
AquaW3C	#00FFFF	rgb(0, 255, 255)	hsl(180°, 100%, 50%)	Blue	1.3:1/16.8:1 on dark
CyanW3C	#00FFFF	rgb(0, 255, 255)	hsl(180°, 100%, 50%)	Blue	1.3:1/16.8:1 on dark
TurquoiseW3C	#40E0D0	rgb(64, 224, 208)	hsl(174°, 72%, 56%)	Blue	1.6:1/12.8:1 on dark
MediumTurquoiseW3C	#48D1CC	rgb(72, 209, 204)	hsl(178°, 60%, 55%)	Blue	1.9:1/11.3:1 on dark
DarkTurquoiseW3C	#00CED1	rgb(0, 206, 209)	hsl(181°, 100%, 41%)	Blue	1.9:1/10.8:1 on dark
CadetBlueW3C	#5F9EA0	rgb(95, 158, 160)	hsl(182°, 25%, 50%)	Blue	3.0:1/6.9:1 on dark
AquamarineW3C	#7FFFD4	rgb(127, 255, 212)	hsl(160°, 100%, 75%)	Blue	1.2:1/17.2:1 on dark
PaleTurquoiseW3C	#AFEEEE	rgb(175, 238, 238)	hsl(180°, 65%, 81%)	Blue	1.3:1/16.3:1 on dark
LightCyanW3C	#E0FFFF	rgb(224, 255, 255)	hsl(180°, 100%, 94%)	Blue	1.1:1/19.9:1 on dark
PowderBlueW3C	#B0E0E6	rgb(176, 224, 230)	hsl(187°, 52%, 80%)	Blue	1.4:1/14.7:1 on dark
LightSteelBlueW3C	#B0C4DE	rgb(176, 196, 222)	hsl(214°, 41%, 78%)	Blue	1.8:1/11.8:1 on dark
LightBlueW3C	#ADD8E6	rgb(173, 216, 230)	hsl(195°, 53%, 79%)	Blue	1.5:1/13.7:1 on dark
BabyBlue	#89CFF0	rgb(137, 207, 240)	hsl(199°, 77%, 74%)	Blue	1.7:1/12.3:1 on dark
IceBlue	#99FFFF	rgb(153, 255, 255)	hsl(180°, 100%, 80%)	Blue	1.2:1/18.1:1 on dark
NeonBlue	#4D4DFF	rgb(77, 77, 255)	hsl(240°, 100%, 65%)	Blue	5.5:1/3.8:1 on dark
PastelBlue	#A7C7E7	rgb(167, 199, 231)	hsl(210°, 57%, 78%)	Blue	1.8:1/12.0:1 on dark
OceanBlue	#0077BE	rgb(0, 119, 190)	hsl(202°, 100%, 37%)	Blue	4.8:1/4.4:1 on dark
TiffanyBlue	#0ABAB5	rgb(10, 186, 181)	hsl(178°, 90%, 38%)	Blue	2.4:1/8.7:1 on dark
MarineBlue	#01386A	rgb(1, 56, 106)	hsl(209°, 98%, 21%)	Blue	11.8:1/1.8:1 on dark
Midnight	#121B28	rgb(18, 27, 40)	hsl(215°, 38%, 11%)	Blue	17.3:1/1.2:1 on dark
PersianBlue	#1C39BB	rgb(28, 57, 187)	hsl(229°, 74%, 42%)	Blue	8.9:1/2.4:1 on dark
CarolinaBlue	#4B9CD3	rgb(75, 156, 211)	hsl(204°, 61%, 56%)	Blue	3.0:1/7.0:1 on dark
YaleBlue	#0F4D92	rgb(15, 77, 146)	hsl(212°, 81%, 32%)	Blue	8.4:1/2.5:1 on dark
TealBlue	#367588	rgb(54, 117, 136)	hsl(194°, 43%, 37%)	Blue	5.2:1/4.1:1 on dark
AzureBlue	#007FFF	rgb(0, 127, 255)	hsl(210°, 100%, 50%)	Blue	3.8:1/5.5:1 on dark
RobinEggBlue	#00CCCC	rgb(0, 204, 204)	hsl(180°, 100%, 40%)	Blue	2.0:1/10.5:1 on dark
SkyMist	#80C4E9	rgb(128, 196, 233)	hsl(201°, 70%, 71%)	Blue	1.9:1/11.0:1 on dark
BrownW3C	#A52A2A	rgb(165, 42, 42)	hsl(0°, 59%, 41%)	Brown	7.1:1/3.0:1 on dark
SaddleBrownW3C	#8B4513	rgb(139, 69, 19)	hsl(25°, 76%, 31%)	Brown	7.1:1/3.0:1 on dark
SiennaW3C	#A0522D	rgb(160, 82, 45)	hsl(19°, 56%, 40%)	Brown	5.6:1/3.7:1 on dark
ChocolateW3C	#D2691E	rgb(210, 105, 30)	hsl(25°, 75%, 47%)	Brown	3.6:1/5.8:1 on dark
Coffee	#6F4E37	rgb(111, 78, 55)	hsl(25°, 34%, 33%)	Brown	7.4:1/2.8:1 on dark
Chestnut	#954535	rgb(149, 69, 53)	hsl(10°, 48%, 40%)	Brown	6.6:1/3.2:1 on dark
Caramel	#AF6E4D	rgb(175, 110, 77)	hsl(20°, 39%, 49%)	Brown	4.1:1/5.2:1 on dark
Espresso	#4E3629	rgb(78, 54, 41)	hsl(21°, 31%, 23%)	Brown	11.2:1/1.9:1 on dark
Bronze	#CD7F32	rgb(205, 127, 50)	hsl(30°, 61%, 50%)	Brown	3.1:1/6.7:1 on dark
Copper	#B87333	rgb(184, 115, 51)	hsl(29°, 57%, 46%)	Brown	3.8:1/5.5:1 on dark
Sepia	#704214	rgb(112, 66, 20)	hsl(30°, 70%, 26%)	Brown	8.5:1/2.5:1 on dark
Ochre	#CC7722	rgb(204, 119, 34)	hsl(30°, 71%, 47%)	Brown	3.4:1/6.2:1 on dark
Umber	#635147	rgb(99, 81, 71)	hsl(21°, 16%, 33%)	Brown	7.5:1/2.8:1 on dark
PeruW3C	#CD853F	rgb(205, 133, 63)	hsl(30°, 59%, 53%)	Brown	3.0:1/7.0:1 on dark
TanW3C	#D2B48C	rgb(210, 180, 140)	hsl(34°, 44%, 69%)	Brown	2.0:1/10.7:1 on dark
BurlyWoodW3C	#DEB887	rgb(222, 184, 135)	hsl(34°, 57%, 70%)	Brown	1.9:1/11.3:1 on dark
SandyBrownW3C	#F4A460	rgb(244, 164, 96)	hsl(28°, 87%, 67%)	Brown	2.0:1/10.3:1 on dark
GoldenrodW3C	#DAA520	rgb(218, 165, 32)	hsl(43°, 74%, 49%)	Brown	2.2:1/9.4:1 on dark
DarkGoldenrodW3C	#B8860B	rgb(184, 134, 11)	hsl(43°, 89%, 38%)	Brown	3.3:1/6.5:1 on dark
RosyBrownW3C	#BC8F8F	rgb(188, 143, 143)	hsl(0°, 25%, 65%)	Brown	2.8:1/7.5:1 on dark
WheatW3C	#F5DEB3	rgb(245, 222, 179)	hsl(39°, 77%, 83%)	Brown	1.3:1/16.0:1 on dark
NavajoWhiteW3C	#FFDEAD	rgb(255, 222, 173)	hsl(36°, 100%, 84%)	Brown	1.3:1/16.3:1 on dark
BisqueW3C	#FFE4C4	rgb(255, 228, 196)	hsl(33°, 100%, 88%)	Brown	1.2:1/17.1:1 on dark
BlanchedAlmondW3C	#FFEBCD	rgb(255, 235, 205)	hsl(36°, 100%, 90%)	Brown	1.2:1/18.0:1 on dark
CornsilkW3C	#FFF8DC	rgb(255, 248, 220)	hsl(48°, 100%, 93%)	Brown	1.1:1/19.7:1 on dark
Taupe	#483C32	rgb(72, 60, 50)	hsl(27°, 18%, 24%)	Brown	10.7:1/2.0:1 on dark
MaroonW3C	#800000	rgb(128, 0, 0)	hsl(0°, 100%, 25%)	Brown	10.9:1/1.9:1 on dark
Walnut	#773F1A	rgb(119, 63, 26)	hsl(24°, 64%, 28%)	Brown	8.4:1/2.5:1 on dark
Peanut	#795D34	rgb(121, 93, 52)	hsl(36°, 40%, 34%)	Brown	6.1:1/3.4:1 on dark
Pecan	#482D16	rgb(72, 45, 22)	hsl(28°, 53%, 18%)	Brown	12.6:1/1.7:1 on dark
Cinnamon	#7B3F00	rgb(123, 63, 0)	hsl(31°, 100%, 24%)	Brown	8.2:1/2.5:1 on dark
Hazelnut	#7B5E43	rgb(123, 94, 67)	hsl(29°, 29%, 37%)	Brown	6.0:1/3.5:1 on dark
Hickory	#351E10	rgb(53, 30, 16)	hsl(23°, 54%, 14%)	Brown	15.6:1/1.3:1 on dark
Sand	#C2B280	rgb(194, 178, 128)	hsl(45°, 35%, 63%)	Brown	2.1:1/10.0:1 on dark
Auburn	#71231D	rgb(113, 35, 29)	hsl(4°, 59%, 28%)	Brown	10.7:1/2.0:1 on dark
AmberBrown	#8B4500	rgb(139, 69, 0)	hsl(30°, 100%, 27%)	Brown	7.1:1/3.0:1 on dark
Mocha	#967969	rgb(150, 121, 105)	hsl(21°, 18%, 50%)	Brown	4.0:1/5.2:1 on dark
Gingerbread	#5C2C16	rgb(92, 44, 22)	hsl(19°, 61%, 22%)	Brown	11.5:1/1.8:1 on dark
WhiteW3C	#FFFFFF	rgb(255, 255, 255)	hsl(0°, 0%, 100%)	White	1.0:1/21.0:1 on dark
SnowW3C	#FFFAFA	rgb(255, 250, 250)	hsl(0°, 100%, 99%)	White	1.0:1/20.3:1 on dark
IvoryW3C	#FFFFF0	rgb(255, 255, 240)	hsl(60°, 100%, 97%)	White	1.0:1/20.8:1 on dark
Pearl	#EAE0C8	rgb(234, 224, 200)	hsl(42°, 45%, 85%)	White	1.3:1/16.0:1 on dark
Alabaster	#EDEAE0	rgb(237, 234, 224)	hsl(46°, 27%, 90%)	White	1.2:1/17.4:1 on dark
Eggshell	#F0EAD6	rgb(240, 234, 214)	hsl(46°, 46%, 89%)	White	1.2:1/17.4:1 on dark
Vanilla	#F3E5AB	rgb(243, 229, 171)	hsl(48°, 75%, 81%)	White	1.3:1/16.6:1 on dark
Parchment	#FCF5E5	rgb(252, 245, 229)	hsl(42°, 79%, 94%)	White	1.1:1/19.3:1 on dark
FloralWhiteW3C	#FFFAF0	rgb(255, 250, 240)	hsl(40°, 100%, 97%)	White	1.0:1/20.2:1 on dark
GhostWhiteW3C	#F8F8FF	rgb(248, 248, 255)	hsl(240°, 100%, 99%)	White	1.1:1/19.9:1 on dark
WhiteSmokeW3C	#F5F5F5	rgb(245, 245, 245)	hsl(0°, 0%, 96%)	White	1.1:1/19.3:1 on dark
SeaShellW3C	#FFF5EE	rgb(255, 245, 238)	hsl(25°, 100%, 97%)	White	1.1:1/19.6:1 on dark
BeigeW3C	#F5F5DC	rgb(245, 245, 220)	hsl(60°, 56%, 91%)	White	1.1:1/19.0:1 on dark
OldLaceW3C	#FDF5E6	rgb(253, 245, 230)	hsl(39°, 85%, 95%)	White	1.1:1/19.4:1 on dark
LinenW3C	#FAF0E6	rgb(250, 240, 230)	hsl(30°, 67%, 94%)	White	1.1:1/18.7:1 on dark
AntiqueWhiteW3C	#FAEBD7	rgb(250, 235, 215)	hsl(34°, 78%, 91%)	White	1.2:1/17.9:1 on dark
AliceBlueW3C	#F0F8FF	rgb(240, 248, 255)	hsl(208°, 100%, 97%)	White	1.1:1/19.6:1 on dark
HoneyDewW3C	#F0FFF0	rgb(240, 255, 240)	hsl(120°, 100%, 97%)	White	1.0:1/20.3:1 on dark
MintCreamW3C	#F5FFFA	rgb(245, 255, 250)	hsl(150°, 100%, 98%)	White	1.0:1/20.6:1 on dark
AzureW3C	#F0FFFF	rgb(240, 255, 255)	hsl(180°, 100%, 97%)	White	1.0:1/20.4:1 on dark
LavenderBlushW3C	#FFF0F5	rgb(255, 240, 245)	hsl(340°, 100%, 97%)	White	1.1:1/19.0:1 on dark
MistyRoseW3C	#FFE4E1	rgb(255, 228, 225)	hsl(6°, 100%, 94%)	White	1.2:1/17.4:1 on dark
MilkWhite	#FDFFF5	rgb(253, 255, 245)	hsl(72°, 100%, 98%)	White	1.0:1/20.8:1 on dark
BoneWhite	#F9F6EE	rgb(249, 246, 238)	hsl(44°, 48%, 95%)	White	1.1:1/19.4:1 on dark
OffWhite	#FAF9F6	rgb(250, 249, 246)	hsl(45°, 29%, 97%)	White	1.1:1/19.9:1 on dark
CoconutWhite	#FFF1E6	rgb(255, 241, 230)	hsl(26°, 100%, 95%)	White	1.1:1/19.0:1 on dark
FrostWhite	#F4F6F7	rgb(244, 246, 247)	hsl(200°, 16%, 96%)	White	1.1:1/19.4:1 on dark
CloudWhite	#F5F5F5	rgb(245, 245, 245)	hsl(0°, 0%, 96%)	White	1.1:1/19.3:1 on dark
CottonWhite	#FBFBFB	rgb(251, 251, 251)	hsl(0°, 0%, 98%)	White	1.0:1/20.3:1 on dark
RiceWhite	#FAF5EF	rgb(250, 245, 239)	hsl(33°, 52%, 96%)	White	1.1:1/19.4:1 on dark
ChiffonWhite	#F8ECE0	rgb(248, 236, 224)	hsl(30°, 63%, 93%)	White	1.2:1/18.1:1 on dark
Charcoal	#36454F	rgb(54, 69, 79)	hsl(204°, 19%, 26%)	Gray	9.9:1/2.1:1 on dark
Onyx	#353839	rgb(53, 56, 57)	hsl(195°, 4%, 22%)	Gray	11.8:1/1.8:1 on dark
Jet	#343434	rgb(52, 52, 52)	hsl(0°, 0%, 20%)	Gray	12.4:1/1.7:1 on dark
Ebony	#555D50	rgb(85, 93, 80)	hsl(97°, 8%, 34%)	Gray	6.8:1/3.1:1 on dark
Gunmetal	#2A3439	rgb(42, 52, 57)	hsl(200°, 15%, 19%)	Gray	12.7:1/1.6:1 on dark
DarkSlateGrayW3C	#2F4F4F	rgb(47, 79, 79)	hsl(180°, 25%, 25%)	Gray	8.9:1/2.4:1 on dark
DarkSlateGreyW3C	#2F4F4F	rgb(47, 79, 79)	hsl(180°, 25%, 25%)	Gray	8.9:1/2.4:1 on dark
DimGrayW3C	#696969	rgb(105, 105, 105)	hsl(0°, 0%, 41%)	Gray	5.5:1/3.8:1 on dark
DimGreyW3C	#696969	rgb(105, 105, 105)	hsl(0°, 0%, 41%)	Gray	5.5:1/3.8:1 on dark
SlateGrayW3C	#708090	rgb(112, 128, 144)	hsl(210°, 13%, 50%)	Gray	4.0:1/5.2:1 on dark
SlateGreyW3C	#708090	rgb(112, 128, 144)	hsl(210°, 13%, 50%)	Gray	4.0:1/5.2:1 on dark
LightSlateGrayW3C	#778899	rgb(119, 136, 153)	hsl(210°, 14%, 53%)	Gray	3.6:1/5.8:1 on dark
LightSlateGreyW3C	#778899	rgb(119, 136, 153)	hsl(210°, 14%, 53%)	Gray	3.6:1/5.8:1 on dark
GrayW3C	#808080	rgb(128, 128, 128)	hsl(0°, 0%, 50%)	Gray	4.0:1/5.3:1 on dark
GreyW3C	#808080	rgb(128, 128, 128)	hsl(0°, 0%, 50%)	Gray	4.0:1/5.3:1 on dark
DarkGrayW3C	#A9A9A9	rgb(169, 169, 169)	hsl(0°, 0%, 66%)	Gray	2.4:1/8.9:1 on dark
DarkGreyW3C	#A9A9A9	rgb(169, 169, 169)	hsl(0°, 0%, 66%)	Gray	2.4:1/8.9:1 on dark
SilverW3C	#C0C0C0	rgb(192, 192, 192)	hsl(0°, 0%, 75%)	Gray	1.8:1/11.5:1 on dark
LightGrayW3C	#D3D3D3	rgb(211, 211, 211)	hsl(0°, 0%, 83%)	Gray	1.5:1/14.0:1 on dark
LightGreyW3C	#D3D3D3	rgb(211, 211, 211)	hsl(0°, 0%, 83%)	Gray	1.5:1/14.0:1 on dark
GainsboroW3C	#DCDCDC	rgb(220, 220, 220)	hsl(0°, 0%, 86%)	Gray	1.4:1/15.3:1 on dark
Platinum	#E5E4E2	rgb(229, 228, 226)	hsl(40°, 5%, 89%)	Gray	1.3:1/16.5:1 on dark
Ash	#B2BEB5	rgb(178, 190, 181)	hsl(135°, 8%, 72%)	Gray	1.9:1/10.9:1 on dark
Smoke	#738276	rgb(115, 130, 118)	hsl(132°, 6%, 48%)	Gray	4.0:1/5.2:1 on dark
Zinc	#71717A	rgb(113, 113, 122)	hsl(240°, 4%, 46%)	Gray	4.8:1/4.3:1 on dark
BlackW3C	#000000	rgb(0, 0, 0)	hsl(0°, 0%, 0%)	Gray	21.0:1/1.0:1 on dark
PitchBlack	#0B0B0B	rgb(11, 11, 11)	hsl(0°, 0%, 4%)	Gray	19.7:1/1.1:1 on dark
CoolGray	#9CA3AF	rgb(156, 163, 175)	hsl(218°, 11%, 65%)	Gray	2.5:1/8.3:1 on dark
WarmGray	#A8A29E	rgb(168, 162, 158)	hsl(24°, 5%, 64%)	Gray	2.5:1/8.3:1 on dark
SteelGray	#71797E	rgb(113, 121, 126)	hsl(203°, 5%, 47%)	Gray	4.4:1/4.7:1 on dark
Iron	#43464B	rgb(67, 70, 75)	hsl(218°, 6%, 28%)	Gray	9.5:1/2.2:1 on dark
Graphite	#53565A	rgb(83, 86, 90)	hsl(214°, 4%, 34%)	Gray	7.4:1/2.9:1 on dark
StoneGray	#877F7D	rgb(135, 127, 125)	hsl(12°, 4%, 51%)	Gray	3.9:1/5.4:1 on dark
Pewter	#899499	rgb(137, 148, 153)	hsl(199°, 7%, 57%)	Gray	3.1:1/6.8:1 on dark
SilverGray	#A0A0A0	rgb(160, 160, 160)	hsl(0°, 0%, 63%)	Gray	2.6:1/8.0:1 on dark
Lead	#3F3F3F	rgb(63, 63, 63)	hsl(0°, 0%, 25%)	Gray	10.5:1/2.0:1 on dark
Carbon	#222222	rgb(34, 34, 34)	hsl(0°, 0%, 13%)	Gray	15.9:1/1.3:1 on dark
PearlGray	#D0D0D0	rgb(208, 208, 208)	hsl(0°, 0%, 82%)	Gray	1.5:1/13.6:1 on dark
Anthracite	#293133	rgb(41, 49, 51)	hsl(192°, 11%, 18%)	Gray	13.3:1/1.6:1 on dark

Developer Implementation

How to Use Crimson in Code

Copy plug-and-play syntax for standard CSS stylesheets, Tailwind CSS utility classes, inline HTML styles, and vector SVG files.

Standard CSS

.badge {
  color: crimson;
}

Tailwind CSS

<button class="bg-[crimson] text-white px-4 py-2 rounded-md">
  Button
</button>

Inline HTML

<div style="background-color: crimson; color: #ffffff;">
  Content
</div>

SVG Vector

<svg class="w-6 h-6" viewBox="0 0 24 24">
  <circle cx="12" cy="12" r="10" fill="crimson" />
</svg>

W3C & CSS Color Module Level 4 Standards · Web Typography & UI Tokens

The Definitive Guide to HTML Color Names, CSS Colors & Web Safe Standards

The official html color names and css color names form the foundational visual vocabulary of the internet. Recognized natively by every web browser rendering engine, using standard web color names eliminates the need for external style dependencies or manual base-16 conversions during early UI drafting.

Whether you are searching for an exhaustive html color names list, querying a complete css color names list, or looking up certified html color codes and names, our interactive studio serves as your modern workstation. Front-end engineers use our platform to inspect all html color names, explore an enriched html color codes list, discover tonal ramps like html color codes blue, blue html color codes, html color codes green, pink html color codes, and html color codes pink, or extract authentic html color codes from image uploads using our pixel loupe eyedropper.

Evolution of Web Color Names: VGA to CSS Color Module Level 4

Named color keywords originated in HTML 3.2 (1997), which codified 16 basic VGA colors derived from IBM display graphics hardware: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. During the browser wars, Mosaic and Netscape Navigator adopted 140 X11 graphics workstation names. These were codified in CSS2, CSS3, and modern CSS Color Module Level 4 standards.

Engineers frequently ask: Can you use color names in css without hex or code notations?

Yes! Browsers parse every keyword in the vanilla css color names supported by all browsers list natively. In stylesheets or via vanilla css color names supported by all browsers javascript DOM scripting, you can assign keywords directly:

element.style.backgroundColor = 'crimson';
element.style.color = 'whitesmoke';

While referencing w3schools color names tables or matching a color in css hex code equivalent, native keyword aliases like cyan (#00FFFF) and aqua, or magenta (#FF00FF) and fuchsia, resolve to identical frame values with zero overhead.

The RebeccaPurple Story: History, Value & CSS Codification

The history behind CSS rebeccapurple represents one of the most poignant milestones in open web standards. Documented across developer communities and the rebeccapurple css color code history and value reddit archives, the rebeccapurple story commemorates Rebecca Alison Meyer, daughter of web pioneer Eric Meyer, who passed away on her sixth birthday in 2014.

In tribute, the W3C CSS Working Group unanimously approved the rebeccapurple color keyword for permanent inclusion in the CSS Color Module Level 4 specification.

Rebeccapurple css color code history and value example:Rebecca Purple hex code: #663399Rebeccapurple RGB: rgb(102, 51, 153)HSL: hsl(270deg, 50%, 40%) | OKLCH: oklch(0.38 0.15 293)

Today, rebeccapurple is supported universally across all browsers, serving as a reminder of the human connections behind web specifications.

CSS Color Properties, Typography & Dynamic Linear Gradients

In modern stylesheets, applying a css color code or native keyword declaration governs typography, element surfaces, borders, and complex gradient blends. A proper colors css code architecture ensures seamless responsiveness across viewport themes.

CSS Color Example & Text Color CSS:

/* Applying Text color CSS and CSS background-color list declarations */
.hero-heading { color: darkslateblue; }
.hero-card { background-color: ghostwhite; border: 1px solid lavender; }

CSS Color Linear-Gradient:

.gradient-banner {
  background: linear-gradient(135deg, deepskyblue, rebeccapurple);
}

Whether declaring primary accents with a standard css red color code like CSS color red (red / #FF0000) or generating a curated css colors palette for design tokens, setting the appropriate CSS color property establishes consistent brand hierarchy.

Web Safe Colors, WCAG 2.2 Contrast & Token Exports

During the early days of 8-bit computer monitors, hardware was restricted to a 256-color palette. The historical 216 web safe color names and web safe colors list were engineered to display uniformly without dithering ($6 \times 6 \times 6$ RGB steps). While modern TrueColor and Display P3 screens have superseded web safe constraints, understanding contrast accessibility remains paramount.

Every tone in our css colors list is evaluated against WCAG 2.2 Level AA and AAA accessibility standards:

Body Typography (≥ 4.5:1): Dark keywords like midnightblue, maroon, and indigo pass AA contrast on white backgrounds.
Large Typography & UI Components (≥ 3.0:1): Mid-tones like steelblue and darkcyan satisfy component boundaries.
Light Keyword Backgrounds: Soft tones like aliceblue, honeydew, and lightyellow serve as optimal low-contrast surface card fills.

Developers looking for a complete chart of browser native css colors pdf, complete chart of browser native css colors pdf download, or a complete chart of browser native css colors download referencing complete chart of browser native css colors w3schools tables can utilize our Export Studio to export our CSS color table directly into Tailwind CSS v4, CSS variables, or print-ready spreadsheets.

Step-by-Step: How to Explore, Test & Implement CSS Color Names

Follow this 5-step engineering workflow to discover colors, test contrast compliance, and export design tokens from our complete list of all CSS colors.

Search & Filter

Search keywords in real time or filter by W3C official keywords, VGA basic colors, and hue family categories.

Inspect In Studio

Use the integrated CSS color picker and W3 Color picker to inspect exact HEX, RGB, HSL, and OKLCH color coordinates.

Verify WCAG Contrast

Check real-time contrast ratios against pure white and black backgrounds alongside simulated CVD color vision deficiencies.

Generate Code Snippets

Switch between named keywords and hex codes in the live CSS playground, previewing typography, backgrounds, and linear gradients.

Export Design Tokens

Copy clean code in 1-click or export full palette collections into Tailwind CSS v4 @theme blocks and CSS variables.

W3C Standards & CSS Color Names FAQs

Frequently Asked Questions

Comprehensive answers on HTML color names, CSS color keywords, 16 original VGA standards, hexadecimal codes, RebeccaPurple history, and color depths.

26 Answers

How many colors are in CSS?

CSS supports 148 standard named color keywords (such as rebeccapurple, crimson, and dodgerblue), which represent 147 unique colors plus the special keyword transparent (with aqua/cyan and fuchsia/magenta acting as synonyms).

Beyond named keywords, CSS can express:

16,777,216 distinct colors in standard 24-bit sRGB using hexadecimal (#RRGGBB), rgb(), and hsl() notation (256 × 256 × 256).
Over 1 billion colors when rendered on 30-bit Deep Color HDR hardware.
Practically infinite colors when using modern CSS Color Module Level 4 spaces like oklch(), lch(), and color(display-p3 r g b), which access high-gamut physical displays far beyond traditional sRGB bounds.

What are the 16 original HTML color names?

The 16 original HTML color names were codified in the HTML 3.2 (1997) and HTML 4.01 specifications, derived directly from the standard 4-bit IBM VGA color palette:

black: #000000

gray: #808080

silver: #C0C0C0

white: #FFFFFF

maroon: #800000

red: #FF0000

purple: #800080

fuchsia: #FF00FF

green: #008000

lime: #00FF00

olive: #808000

yellow: #FFFF00

navy: #000080

blue: #0000FF

teal: #008080

aqua: #00FFFF

In CSS 2.1, orange (#FFA500) was subsequently added as the 17th named color before CSS3 expanded the specification to 140+ X11 colors.

What are the 16 main colors?

In web design, computer graphics, and operating systems, the 16 main colors refer to the fundamental 4-bit standard color set codified by IBM VGA hardware and adopted into HTML 3.2, HTML 4.01, and CSS 2.1.

These 16 foundational colors are: Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, and Aqua.

They were established as the primary baseline for digital user interfaces because they were guaranteed to render without dithering or banding across any 16-color monitor, cathode-ray tube (CRT), or early graphical operating system.

Why are there 256 colors?

The existence of 256 colors stems directly from 8-bit binary computer architecture. In digital computing, 1 byte consists of 8 binary bits. Because each bit can be either 0 or 1, an 8-bit number yields 2^8 = 256 total possible values (from 0 to 255):

Historical 8-bit Video Adapters: In the late 1980s, adapters like VGA Mode 13h (320×200) and image formats like GIF allocated exactly 1 byte per pixel in video memory, limiting the screen to 256 simultaneous indexed colors chosen from a hardware palette.
Channel Depth in Modern TrueColor: In modern 24-bit RGB, each individual channel (Red, Green, Blue) is allocated 8 bits, giving 256 intensity levels per channel. Multiplying all three channels (256 × 256 × 256) yields the 16,777,216 colors used on modern screens.
ANSI 256 Terminal Colors: Command-line terminals use an extended 8-bit escape standard that defines 256 fixed terminal colors for syntax highlighting.

How many bits is 1 billion colors?

1 billion colors is 30 bits (commonly referred to as 10-bit color depth or Deep Color).

In standard 24-bit TrueColor, each RGB color channel uses 8 bits (2^8 = 256 intensity levels per channel → 256^3 ≈ 16.78 million colors).
In a 30-bit Deep Color system, each primary channel (Red, Green, Blue) is allocated 10 bits (2^10 = 1,024 intensity levels per channel).
Multiplying the three 10-bit channels: 1,024 × 1,024 × 1,024 = 1,073,741,824 colors (approx. 1.074 billion colors).

In hardware framebuffers and operating system compositors, 30-bit color is commonly packaged into a 32-bit pixel structure (10 bits for Red, 10 for Green, 10 for Blue, and 2 unused or alpha bits, often labeled 10-bit RGB or HDR10).

Is 32-bit color overkill?

In everyday computer displays and web design, 32-bit color is standard, not overkill:

Desktop Display & RGBA Pipelines: In consumer operating systems (Windows, macOS, Linux, Android, iOS), "32-bit color" almost universally refers to 24-bit TrueColor (8 bits Red, 8 bits Green, 8 bits Blue = 16.7 million colors) combined with an 8-bit Alpha transparency channel (8 × 4 = 32 bits, or RGBA). This is the universal standard that powers modern glassmorphism, semi-transparent modal backdrops, drop shadows, and anti-aliased typography.
32-Bit Floating-Point per Channel (HDR & VFX): In 3D rendering, photography RAW editing, and cinematic VFX, "32-bit color" can refer to 32 bits of floating-point precision per channel (a 96-bit or 128-bit image buffer). While that level of precision is overkill for standard web UI, it is vital in professional film production to preserve extreme shadows and specular highlights without color banding during heavy grading.

Can you use hex colors in CSS?

Yes, hexadecimal color codes are natively supported in CSS across all browsers.

CSS supports four distinct hex color formats:

6-digit standard (#RRGGBB): e.g., color: #3b82f6; (2 hex digits each for red, green, and blue).
3-digit shorthand (#RGB): e.g., #38f expands automatically to #3388ff.
8-digit with alpha (#RRGGBBAA): e.g., color: #3b82f680; where 80 hex equals 128 decimal (~50% alpha transparency).
4-digit shorthand with alpha (#RGBA): e.g., #38f8 expands to #3388ff88.

Hex notation can be used on any CSS property that accepts a color, such as color, background-color, border-color, and SVG fill/stroke.

Do color codes use hexadecimal?

Yes, web color codes use hexadecimal (base-16) because it aligns with binary byte storage in computer memory.

In digital graphics, each primary color channel (Red, Green, Blue) is stored as an 8-bit byte with decimal values from 0 to 255. In decimal, these numbers vary between 1 and 3 digits in length, which makes formatting clunky.
In hexadecimal (base-16), a single digit represents exactly 4 binary bits (a nibble). As a result, exactly two hexadecimal digits represent one full 8-bit byte (00_16 = 0_10, FF_16 = 255_10).
This enables a 24-bit RGB color to be packaged as a predictable, fixed 6-character string (#RRGGBB), making it easy to store, parse, and exchange between design and development tools.

How do I define colors in CSS?

CSS provides multiple standardized syntaxes to define colors:

Named Color Keywords: color: rebeccapurple; or color: crimson;
Hexadecimal Notation: color: #3b82f6; or color: #3b82f680; (with alpha opacity)
RGB Functional Syntax: Modern space-separated rgb(59 130 246) or with alpha rgb(59 130 246 / 0.5)
HSL Functional Syntax: hsl(217deg 91% 60%)
Perceptual OKLCH (CSS Color Module Level 4): oklch(0.62 0.21 259) — recommended for modern accessible UI design.
Wide Gamut Display P3: color(display-p3 0.23 0.51 0.96)
Dynamic System Keywords: currentColor and transparent
CSS Custom Properties (Design Tokens): --brand-blue: #3b82f6; color: var(--brand-blue);

How do I name colors in CSS?

There are two ways to name colors in CSS:

1. Using Standard W3C Named Keywords: You can apply any of the 148 standard keywords directly to CSS properties without declaration (e.g. background-color: darkslateblue;).
2. Defining Custom Color Names via CSS Custom Properties (Variables): To name custom brand colors, define CSS variables on the :root pseudo-class or component scope:
```
:root {
  --color-primary: #3b82f6;
  --color-surface: #ffffff;
  --color-muted: #6b7280;
}

.btn {
  background-color: var(--color-primary);
}
```
In Tailwind CSS v4: You can define custom semantic names directly in CSS using the @theme block:
```
@theme {
  --color-brand: #3b82f6;
}
```

What is a CSS color name?

A CSS color name (also known as a named color keyword) is a standardized, case-insensitive string recognized natively by browser rendering engines that maps directly to an exact sRGB hexadecimal value.

For example, when a browser encounters color: crimson;, its internal parser translates the keyword directly to #DC143C (rgb(220, 20, 60)) without requiring quotation marks, hash symbols, or function wrappers.

Can you provide a list of CSS color names?

Yes. The CSS Color Module Level 4 specification standardizes 148 named color keywords (147 unique colors plus transparent), classified into 10 tonal color families:

Reds (9): IndianRed, LightCoral, Salmon, DarkSalmon, LightSalmon, Crimson, Red, FireBrick, DarkRed
Pinks (6): Pink, LightPink, HotPink, DeepPink, MediumVioletRed, PaleVioletRed
Oranges (5): Coral, Tomato, OrangeRed, DarkOrange, Orange
Yellows (11): Gold, Yellow, LightYellow, LemonChiffon, LightGoldenrodYellow, PapayaWhip, Moccasin, PeachPuff, PaleGoldenrod, Khaki, DarkKhaki
Purples (18): Lavender, Thistle, Plum, Violet, Orchid, Fuchsia, Magenta, MediumOrchid, MediumPurple, RebeccaPurple, BlueViolet, DarkViolet, DarkOrchid, DarkMagenta, Purple, Indigo, SlateBlue, DarkSlateBlue
Greens (23): GreenYellow, Chartreuse, LawnGreen, Lime, LimeGreen, PaleGreen, LightGreen, MediumSpringGreen, SpringGreen, MediumSeaGreen, SeaGreen, ForestGreen, Green, DarkGreen, YellowGreen, OliveDrab, Olive, DarkOliveGreen, MediumAquamarine, DarkSeaGreen, LightSeaGreen, DarkCyan, Teal
Blues (25): Aqua, Cyan, LightCyan, PaleTurquoise, Aquamarine, Turquoise, MediumTurquoise, DarkTurquoise, CadetBlue, SteelBlue, LightSteelBlue, PowderBlue, LightBlue, SkyBlue, LightSkyBlue, DeepSkyBlue, DodgerBlue, CornflowerBlue, MediumSlateBlue, RoyalBlue, Blue, MediumBlue, DarkBlue, Navy, MidnightBlue
Browns (17): Cornsilk, BlanchedAlmond, Bisque, NavajoWhite, Wheat, BurlyWood, Tan, RosyBrown, SandyBrown, Goldenrod, DarkGoldenrod, Peru, Chocolate, SaddleBrown, Sienna, Brown, Maroon
Whites (17): White, Snow, Honeydew, MintCream, Azure, AliceBlue, GhostWhite, WhiteSmoke, Seashell, Beige, OldLace, FloralWhite, Ivory, AntiqueWhite, Linen, LavenderBlush, MistyRose
Grays & Blacks (10): Gainsboro, LightGray, Silver, DarkGray, Gray, DimGray, LightSlateGray, SlateGray, DarkSlateGray, Black

Tip: Scroll up to our interactive Color Names directory to inspect live swatches, test contrast, and copy codes for every single color name.

What color is #000000 in CSS?

In CSS, #000000 (or 3-digit shorthand #000) represents pure Black.

RGB Values: rgb(0, 0, 0)
HSL Values: hsl(0, 0%, 0%)
Physical Significance: In additive light displays, black represents the total absence of emitted red, green, and blue light. Against pure white (#FFFFFF), it achieves the maximum possible WCAG contrast ratio of 21:1.

What color is #ffffff in CSS?

In CSS, #ffffff (or shorthand #fff) represents pure White.

RGB Values: rgb(255, 255, 255)
HSL Values: hsl(0, 0%, 100%)
Physical Significance: In additive RGB color synthesis, white is generated by turning all three primary color channels (Red, Green, Blue) to their maximum 100% intensity (255 in 8-bit notation).

What color is 666666?

#666666 (or shorthand #666) is a medium-dark neutral gray (RGB: rgb(102, 102, 102), HSL: hsl(0, 0%, 40%)).

In digital typography, #666666 achieves an accessible contrast ratio of 5.74:1 against pure white (#FFFFFF), comfortably passing the WCAG 2.2 AA threshold of 4.5:1. It is one of the most widely used colors for secondary body text, subtitles, metadata, and neutral UI icons.

What color is 999999?

#999999 (or shorthand #999) is a medium-light neutral gray (RGB: rgb(153, 153, 153), HSL: hsl(0, 0%, 60%)).

Against pure white, #999999 delivers a contrast ratio of 2.85:1. Because this falls below the WCAG 4.5:1 requirement for readable text, designers avoid using it for body copy. However, it is an industry standard for placeholder text, disabled buttons, subtle borders, and decorative horizontal rules.

What color is represented by the hex code 7393B3?

#7393B3 is commonly named Air Force Blue, Slate Gray Blue, or Pewter Blue.

RGB: rgb(115, 147, 179)
HSL: hsl(210°, 30%, 58%)
OKLCH: oklch(0.64 0.05 237)

It is a refined, muted, cool slate blue that brings an understated, professional aesthetic to editorial layouts, tag pills, cards, and secondary action badges.

Should I use hex or RGB?

Both hexadecimal and RGB are fully supported across all browsers, but each offers specific workflow advantages:

When to use HEX (#3b82f6): HEX is compact, concise, and the universal standard exported by UI design tools like Figma, Sketch, and Adobe XD. It is ideal for static CSS declarations, design tokens, and HTML email templates.
When to use RGB (rgb(59 130 246)): RGB is ideal when you need dynamic opacity using modern CSS slash syntax (rgb(59 130 246 / 0.5)) or when computing color channels programmatically in JavaScript.
Modern Recommendation: For new projects, consider OKLCH (oklch(0.62 0.21 259)). OKLCH features perceptually uniform lightness and unlocks the wider color spectrum of modern HDR and P3 screens.

Is oklch better than RGB?

Yes, OKLCH is significantly superior to RGB for modern user interface design and design token systems.

Key advantages of OKLCH over classical RGB:

Perceptual Uniformity: In sRGB and HSL, colors with the same mathematical lightness value appear to have vastly different brightness to human eyes (e.g., pure yellow #FFFF00 appears radiant while pure blue #0000FF appears dark). In OKLCH, the Lightness (L) channel is perceptually linear: all colors with L = 0.70 share identical perceived brightness.
Predictable Accessibility Contrast: Because OKLCH lightness aligns with human vision, you can swap hues across a design system without unexpectedly breaking WCAG contrast ratios.
Clean Gradient Transitions: RGB gradients frequently suffer from muddy gray or discolored dead zones in the middle. OKLCH interpolates through the natural chromatic spectrum smoothly.
Access to Wide Gamuts: OKLCH can directly represent high-saturation hues on modern Display P3 and Rec.2020 displays that cannot physically be expressed in legacy sRGB.

What color is Rebecca Purple?

rebeccapurple is a rich, warm, medium-dark regal purple with the hex code #663399.

RGB: rgb(102, 51, 153)
HSL: hsl(270°, 50%, 40%)
Visual Character: It sits elegantly between violet and indigo, featuring a balanced 50% saturation and 40% lightness that produces excellent contrast and high readability in digital interfaces.

What is the hex code for Rebecca Purple?

The official hex code for rebeccapurple is #663399.

In CSS 3-digit shorthand notation, it can also be written concisely as #639.

How was Rebecca purple named?

rebeccapurple was created as a permanent tribute to Rebecca Alison Meyer, daughter of web pioneer Eric Meyer (author of CSS: The Definitive Guide and co-creator of CSS Reset).

Rebecca passed away from brain cancer on her sixth birthday on June 7, 2014. As purple was Rebecca's favorite color, the web developer community launched a grassroots initiative to name #663399 in her memory. On June 21, 2014, the W3C CSS Working Group unanimously approved adding rebeccapurple to the CSS Color Module Level 4 specification, ensuring her legacy lives on in every web browser.

What are the 16 ANSI colors?

The 16 ANSI colors are the standard terminal color set codified by the ECMA-48 / ANSI X3.64 standard for terminal emulators and command-line interfaces:

8 Standard Colors (Codes 30–37): Black (#000000), Red (#CD0000), Green (#00CD00), Yellow (#CDCD00), Blue (#0000EE), Magenta (#CD00CD), Cyan (#00CDCD), and Light Gray (#E5E5E5).
8 Bright / High-Intensity Colors (Codes 90–97): Bright Black/Dark Gray (#7F7F7F), Bright Red (#FF0000), Bright Green (#00FF00), Bright Yellow (#FFFF00), Bright Blue (#5C5CFF), Bright Magenta (#FF00FF), Bright Cyan (#00FFFF), and Bright White (#FFFFFF).

What colors are used in VGA graphics?

IBM's Video Graphics Array (VGA) hardware, introduced in 1987, established two defining color display modes:

16-Color Mode (4-bit IRGB Palette): Displayed 16 colors: Black, Blue, Green, Cyan, Red, Magenta, Brown, Light Gray, Dark Gray, Light Blue, Light Green, Light Cyan, Light Red, Light Magenta, Yellow, and White. These 16 hardware colors directly became the original 16 HTML 3.2 named colors.
256-Color Mode (Mode 13h): Offered 256 colors at a resolution of 320×200 pixels, selected from an analog 18-bit DAC palette capable of producing 262,144 possible colors (64 intensity levels for each RGB channel).

What are the 7 color codes?

The 7 color codes refer to the visible light spectrum codified by Sir Isaac Newton in 1672, commonly remembered by the mnemonic ROYGBIV. Their standard CSS color names and hexadecimal codes are:

Red: #FF0000 (keyword: red)
Orange: #FFA500 (keyword: orange)
Yellow: #FFFF00 (keyword: yellow)
Green: #008000 (keyword: green) or #00FF00 (lime)
Blue: #0000FF (keyword: blue)
Indigo: #4B0082 (keyword: indigo)
Violet: #EE82EE (keyword: violet)

What are the 12 types of colors?

In classical color theory and color wheel mechanics, the 12 types of colors refer to the 12 primary, secondary, and tertiary hues that make up the traditional 12-part chromatic color wheel:

3 Primary Colors: Red, Yellow, and Blue. These are the pure base pigments that cannot be created by mixing other colors.
3 Secondary Colors: Orange (Red + Yellow), Green (Yellow + Blue), and Purple/Violet (Blue + Red).
6 Tertiary Colors: Red-Orange, Yellow-Orange, Yellow-Green, Blue-Green, Blue-Violet, and Red-Violet (created by mixing an adjacent primary and secondary color in equal proportion).

Ready to explore all 148 standard CSS color names?

Search, filter by tonal families, inspect WCAG 2.2 contrast, and copy codes instantly.

Back to Color Names↑

Color Names Library

Red HTML Color Names

Pink HTML Color Names

Orange HTML Color Names

Yellow HTML Color Names

Purple HTML Color Names

Green HTML Color Names

Blue HTML Color Names

Brown HTML Color Names

Gray HTML Color Names

White HTML Color Names

No matching colors found

How to Use Crimson in Code

The Definitive Guide to HTML Color Names, CSS Colors & Web Safe Standards

Evolution of Web Color Names: VGA to CSS Color Module Level 4

The RebeccaPurple Story: History, Value & CSS Codification

CSS Color Properties, Typography & Dynamic Linear Gradients

Web Safe Colors, WCAG 2.2 Contrast & Token Exports

Step-by-Step: How to Explore, Test & Implement CSS Color Names

Search & Filter

Inspect In Studio

Verify WCAG Contrast

Generate Code Snippets

Export Design Tokens

Frequently Asked Questions

How many colors are in CSS?

What are the 16 original HTML color names?

What are the 16 main colors?

Why are there 256 colors?

How many bits is 1 billion colors?

Is 32-bit color overkill?

Can you use hex colors in CSS?

Do color codes use hexadecimal?

How do I define colors in CSS?

How do I name colors in CSS?

What is a CSS color name?

Can you provide a list of CSS color names?

What color is #000000 in CSS?

What color is #ffffff in CSS?

What color is 666666?

What color is 999999?

What color is represented by the hex code 7393B3?

Should I use hex or RGB?

Is oklch better than RGB?

What color is Rebecca Purple?

What is the hex code for Rebecca Purple?

How was Rebecca purple named?

What are the 16 ANSI colors?

What colors are used in VGA graphics?

What are the 7 color codes?

What are the 12 types of colors?

Ready to explore all 148 standard CSS color names?