Nazwany kolor · #CDC586
Tyrant Skull
Tyrant Skull to #CDC586: rgb(205 197 134), hsl(53 42% 66%), oklch(0.815 0.083 101.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tyrant Skull color name →
#CDC586
oklch(0.815 0.083 101.9)
Konwersje koloru
- HEX
- #cdc586
- RGB
- rgb(205 197 134)
- HSL
- hsl(53 42% 66%)
- HWB
- hwb(53 53% 20%)
- OKLCH
- oklch(0.815 0.083 101.9)
- OKLab
- oklab(0.815 -0.017 0.081)
- CIE Lab
- lab(79.07 -4.03 32.72)
- LCH
- lch(79.07 32.96 97)
- CMYK
- cmyk(0% 4% 35% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2CB92
- D7D19F
- DCD6AB
- E1DCB7
- E6E2C3
- EBE8CF
- F0EEDB
- F5F3E7
- FAF9F3
Odcienie ciemniejsze
- B2AB74
- 989262
- 7E7951
- 666140
- 4E4B30
- 383521
- 232113
- 0F0E06
- 020201
Tony
- C5BE86
- BDB786
- B5B086
- ADA985
- A6A285
- 9E9B84
- 969483
- 8F8E82
- 878781
Harmonie kolorów
Komplementarna +180°
- CDC586
Tyrant Skull
- B9BDF7
≈ Purple Illusion
Analogowa -30° +30°
- CDC586
Tyrant Skull
- E4BA87
≈ Dune View
- AFCE97
≈ Greenhorn
Triada +120° +240°
- CDC586
Tyrant Skull
- 84CFE9
≈ Afternoon Sky
- E9AED2
≈ Flower Power
Komplementarna rozszczepiona +150° +210°
- CDC586
Tyrant Skull
- 9CC7F7
≈ Sail to the Sea
- D5B4EA
≈ Pretty Petunia
Tetrada +90° +180° +270°
- CDC586
Tyrant Skull
- 7FD4D0
≈ Water Wonder
- B9BDF7
≈ Purple Illusion
- F3ADB4
≈ Pink Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.92:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--tyrant-skull: #cdc586;
--tyrant-skull-rgb: 205 197 134;
--tyrant-skull-oklch: oklch(0.815 0.083 101.9);
}
.element {
color: var(--tyrant-skull);
background-color: hsl(53 42% 66%);
border-color: oklch(0.815 0.083 101.9);
}Tailwind CSS v4
@theme {
--color-tyrant-skull: #cdc586;
--color-tyrant-skull-50: #f9f7dc;
--color-tyrant-skull-100: #eceaca;
--color-tyrant-skull-200: #dad7ae;
--color-tyrant-skull-300: #beba89;
--color-tyrant-skull-400: #a8a166;
--color-tyrant-skull-500: #918843;
--color-tyrant-skull-600: #7b733a;
--color-tyrant-skull-700: #625c2e;
--color-tyrant-skull-800: #49431f;
--color-tyrant-skull-900: #332e15;
--color-tyrant-skull-950: #1e1b06;
}SCSS
$tyrant-skull: #cdc586;
$tyrant-skull-rgb: 205, 197, 134;
$tyrant-skull-light: mix(#fff, $tyrant-skull, 20%);
$tyrant-skull-dark: mix(#000, $tyrant-skull, 20%);
.element {
color: $tyrant-skull;
box-shadow: 0 0 0 2px rgba($tyrant-skull, 0.35);
}