Colore con nome · #EDBB32
Lizard Breath
Lizard Breath è #EDBB32: rgb(237 187 50), hsl(44 84% 56%), oklch(0.815 0.153 87.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lizard Breath color name →
#EDBB32
oklch(0.815 0.153 87.1)
Conversioni di colore
- HEX
- #edbb32
- RGB
- rgb(237 187 50)
- HSL
- hsl(44 84% 56%)
- HWB
- hwb(44 20% 7%)
- OKLCH
- oklch(0.815 0.153 87.1)
- OKLab
- oklab(0.815 0.008 0.153)
- CIE Lab
- lab(78.85 9.64 70.58)
- LCH
- lch(78.85 71.24 82.2)
- CMYK
- cmyk(0% 21% 79% 7%)
Tinte · Ombre · Toni
Tinte
- EFC252
- F1C96A
- F3D07F
- F5D793
- F6DEA6
- F8E5B9
- FAEBCA
- FCF2DC
- FDF9EE
Ombre
- CEA22A
- B08A22
- 93731B
- 775C14
- 5C460D
- 423207
- 2A1F03
- 140D01
- 030200
Toni
- E2B543
- D6B04F
- CBAA59
- C0A461
- B59E68
- AA986E
- A09274
- 958C78
- 8A867C
Armonie di colore
Complementare +180°
- EDBB32
Lizard Breath
- A8C1FF
≈ Pastel Blue
Analogo -30° +30°
- EDBB32
Lizard Breath
- FFAD70
≈ Bloom
- BCCF4F
≈ Mossy Shining Gold
Triadico +120° +240°
- EDBB32
Lizard Breath
- 00DBF0
≈ Tamarama
- F69DF6
≈ Pink Elephants
Complementare divisa +150° +210°
- EDBB32
Lizard Breath
- 7CCDFF
≈ Bubbly Barracuda
- CAB4FF
≈ Violet Heaven
Tetradico +90° +180° +270°
- EDBB32
Lizard Breath
- 00E2C1
≈ Celestial Green
- A8C1FF
≈ Pastel Blue
- FFA3C3
≈ Taffy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.75:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--lizard-breath: #edbb32;
--lizard-breath-rgb: 237 187 50;
--lizard-breath-oklch: oklch(0.815 0.153 87.1);
}
.element {
color: var(--lizard-breath);
background-color: hsl(44 84% 56%);
border-color: oklch(0.815 0.153 87.1);
}Tailwind CSS v4
@theme {
--color-lizard-breath: #edbb32;
--color-lizard-breath-50: #fff4c4;
--color-lizard-breath-100: #fce6ad;
--color-lizard-breath-200: #efd186;
--color-lizard-breath-300: #d7b352;
--color-lizard-breath-400: #c59700;
--color-lizard-breath-500: #b17c00;
--color-lizard-breath-600: #966900;
--color-lizard-breath-700: #785400;
--color-lizard-breath-800: #5a3c00;
--color-lizard-breath-900: #3f2900;
--color-lizard-breath-950: #281700;
}SCSS
$lizard-breath: #edbb32;
$lizard-breath-rgb: 237, 187, 50;
$lizard-breath-light: mix(#fff, $lizard-breath, 20%);
$lizard-breath-dark: mix(#000, $lizard-breath, 20%);
.element {
color: $lizard-breath;
box-shadow: 0 0 0 2px rgba($lizard-breath, 0.35);
}