Nazwany kolor · #CCCC33
Lizard Belly
Lizard Belly to #CCCC33: rgb(204 204 51), hsl(60 60% 50%), oklch(0.82 0.164 109.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lizard Belly color name →
#CCCC33
oklch(0.82 0.164 109.5)
Konwersje koloru
- HEX
- #cccc33
- RGB
- rgb(204 204 51)
- HSL
- hsl(60 60% 50%)
- HWB
- hwb(60 20% 20%)
- OKLCH
- oklch(0.82 0.164 109.5)
- OKLab
- oklab(0.82 -0.055 0.154)
- CIE Lab
- lab(80.14 -12.53 69.96)
- LCH
- lch(80.14 71.07 100.2)
- CMYK
- cmyk(0% 0% 75% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D1D153
- D6D76B
- DADC80
- DFE194
- E4E7A7
- EAECB9
- EFF1CB
- F4F5DD
- FAFAEE
Odcienie ciemniejsze
- B1B12B
- 979723
- 7E7E1C
- 656514
- 4E4E0D
- 373707
- 222203
- 0F0F01
- 020200
Tony
- C4C444
- BCBD50
- B4B55A
- ACAE62
- A5A669
- 9D9F6F
- 969774
- 8E8F79
- 87887D
Harmonie kolorów
Komplementarna +180°
- CCCC33
Lizard Belly
- C2BAFF
≈ Dried Lilac
Analogowa -30° +30°
- CCCC33
Lizard Belly
- FBB620
≈ Tropical Sun
- 88DD73
≈ Feralas Lime
Triada +120° +240°
- CCCC33
Lizard Belly
- 6DD2FF
≈ Heisenberg Blue
- FFA3D0
≈ Corinthian Pink
Komplementarna rozszczepiona +150° +210°
- CCCC33
Lizard Belly
- A1C6FF
≈ Apocyan
- EDA4FF
≈ Rich Brilliant Lavender
Tetrada +90° +180° +270°
- CCCC33
Lizard Belly
- 00DFE7
≈ Tamarama
- C2BAFF
≈ Dried Lilac
- FFA9A9
≈ Apricot Haze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.71:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.25:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--lizard-belly: #cccc33;
--lizard-belly-rgb: 204 204 51;
--lizard-belly-oklch: oklch(0.82 0.164 109.5);
}
.element {
color: var(--lizard-belly);
background-color: hsl(60 60% 50%);
border-color: oklch(0.82 0.164 109.5);
}Tailwind CSS v4
@theme {
--color-lizard-belly: #cccc33;
--color-lizard-belly-50: #f6fac5;
--color-lizard-belly-100: #e9eeae;
--color-lizard-belly-200: #d6db88;
--color-lizard-belly-300: #babf54;
--color-lizard-belly-400: #a6a500;
--color-lizard-belly-500: #908d00;
--color-lizard-belly-600: #797700;
--color-lizard-belly-700: #615f00;
--color-lizard-belly-800: #494500;
--color-lizard-belly-900: #333000;
--color-lizard-belly-950: #1f1c00;
}SCSS
$lizard-belly: #cccc33;
$lizard-belly-rgb: 204, 204, 51;
$lizard-belly-light: mix(#fff, $lizard-belly, 20%);
$lizard-belly-dark: mix(#000, $lizard-belly, 20%);
.element {
color: $lizard-belly;
box-shadow: 0 0 0 2px rgba($lizard-belly, 0.35);
}