Nazwany kolor · #D6BA66
Tookie Bird
Tookie Bird to #D6BA66: rgb(214 186 102), hsl(45 58% 62%), oklch(0.796 0.109 91.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Tookie Bird color name →
#D6BA66
oklch(0.796 0.109 91.4)
Konwersje koloru
- HEX
- #d6ba66
- RGB
- rgb(214 186 102)
- HSL
- hsl(45 58% 62%)
- HWB
- hwb(45 40% 16%)
- OKLCH
- oklch(0.796 0.109 91.4)
- OKLab
- oklab(0.796 -0.003 0.109)
- CIE Lab
- lab(76.66 2.66 45.98)
- LCH
- lch(76.66 46.06 86.7)
- CMYK
- cmyk(0% 13% 52% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAC177
- DEC887
- E2CF97
- E6D6A6
- EADDB5
- EFE4C4
- F3EBD3
- F7F1E1
- FBF8F0
Odcienie ciemniejsze
- BAA158
- 9E894A
- 84723C
- 6A5C2F
- 524623
- 3B3217
- 251E0C
- 100D04
- 020200
Tony
- CDB46A
- C4AE6E
- BBA972
- B3A375
- AA9D77
- A19779
- 99917B
- 918C7D
- 88867F
Harmonie kolorów
Komplementarna +180°
- D6BA66
Tookie Bird
- A4B9FF
≈ Truesky Gloxym
Analogowa -30° +30°
- D6BA66
Tookie Bird
- EFAC71
≈ Catalina Tile
- B1C776
≈ Sour Face
Triada +120° +240°
- D6BA66
Tookie Bird
- 59CFE4
≈ Watercourse
- E5A2DC
≈ Plum Juice
Komplementarna rozszczepiona +150° +210°
- D6BA66
Tookie Bird
- 79C5FC
≈ Maya Blue
- C8ACF7
≈ Teasel Dipsacus
Tetrada +90° +180° +270°
- D6BA66
Tookie Bird
- 5FD3C1
≈ Jamaican Jade
- A4B9FF
≈ Truesky Gloxym
- F79EB8
≈ Harmonious Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.89:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.07:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--tookie-bird: #d6ba66;
--tookie-bird-rgb: 214 186 102;
--tookie-bird-oklch: oklch(0.796 0.109 91.4);
}
.element {
color: var(--tookie-bird);
background-color: hsl(45 58% 62%);
border-color: oklch(0.796 0.109 91.4);
}Tailwind CSS v4
@theme {
--color-tookie-bird: #d6ba66;
--color-tookie-bird-50: #fff5d3;
--color-tookie-bird-100: #f4e8bf;
--color-tookie-bird-200: #e4d49f;
--color-tookie-bird-300: #cab776;
--color-tookie-bird-400: #b69c4d;
--color-tookie-bird-500: #a18319;
--color-tookie-bird-600: #886f19;
--color-tookie-bird-700: #6d5914;
--color-tookie-bird-800: #51400c;
--color-tookie-bird-900: #392c07;
--color-tookie-bird-950: #231900;
}SCSS
$tookie-bird: #d6ba66;
$tookie-bird-rgb: 214, 186, 102;
$tookie-bird-light: mix(#fff, $tookie-bird, 20%);
$tookie-bird-dark: mix(#000, $tookie-bird, 20%);
.element {
color: $tookie-bird;
box-shadow: 0 0 0 2px rgba($tookie-bird, 0.35);
}