Nazwany kolor · #CDD80D
Goldzilla
Goldzilla to #CDD80D: rgb(205 216 13), hsl(63 89% 45%), oklch(0.845 0.187 113.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Goldzilla color name →
#CDD80D
oklch(0.845 0.187 113.5)
Konwersje koloru
- HEX
- #cdd80d
- RGB
- rgb(205 216 13)
- HSL
- hsl(63 89% 45%)
- HWB
- hwb(63 5% 15%)
- OKLCH
- oklch(0.845 0.187 113.5)
- OKLab
- oklab(0.845 -0.075 0.172)
- CIE Lab
- lab(83.36 -18.36 80.18)
- LCH
- lch(83.36 82.25 102.9)
- CMYK
- cmyk(5% 0% 94% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2DC45
- D6E163
- DBE57B
- E0E990
- E5EDA4
- EAF1B7
- EFF4CA
- F4F8DC
- FAFCED
Odcienie ciemniejsze
- B2BC0A
- 98A007
- 7E8505
- 666B03
- 4E5302
- 383B01
- 232500
- 0F1100
- 020200
Tony
- C5CF33
- BDC646
- B5BE53
- ADB55D
- A5AC66
- 9DA36D
- 969B73
- 8E9278
- 87897C
Harmonie kolorów
Komplementarna +180°
- CDD80D
Goldzilla
- CEC2FF
≈ Innocent Snowdrop
Analogowa -30° +30°
- CDD80D
Goldzilla
- FFC12B
≈ Not Yo Cheese
- 78EB76
≈ Herbivore
Triada +120° +240°
- CDD80D
Goldzilla
- 8ED7FF
≈ Kul Sharif Blue
- FFB2D1
≈ Pink Cattleya
Komplementarna rozszczepiona +150° +210°
- CDD80D
Goldzilla
- B3CDFF
≈ Night Snow
- F7ADFF
≈ Jigglypuff
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.42:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--goldzilla: #cdd80d;
--goldzilla-rgb: 205 216 13;
--goldzilla-oklch: oklch(0.845 0.187 113.5);
}
.element {
color: var(--goldzilla);
background-color: hsl(63 89% 45%);
border-color: oklch(0.845 0.187 113.5);
}Tailwind CSS v4
@theme {
--color-goldzilla: #cdd80d;
--color-goldzilla-50: #f2fcbf;
--color-goldzilla-100: #e5f0a8;
--color-goldzilla-200: #d1de7e;
--color-goldzilla-300: #b4c243;
--color-goldzilla-400: #a0a800;
--color-goldzilla-500: #899000;
--color-goldzilla-600: #747a00;
--color-goldzilla-700: #5c6200;
--color-goldzilla-800: #464700;
--color-goldzilla-900: #303100;
--color-goldzilla-950: #1d1d00;
}SCSS
$goldzilla: #cdd80d;
$goldzilla-rgb: 205, 216, 13;
$goldzilla-light: mix(#fff, $goldzilla, 20%);
$goldzilla-dark: mix(#000, $goldzilla, 20%);
.element {
color: $goldzilla;
box-shadow: 0 0 0 2px rgba($goldzilla, 0.35);
}