Nazwany kolor · #CEB736
Yellowstone
Yellowstone to #CEB736: rgb(206 183 54), hsl(51 61% 51%), oklch(0.777 0.144 98.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Yellowstone color name →
#CEB736
oklch(0.777 0.144 98.7)
Konwersje koloru
- HEX
- #ceb736
- RGB
- rgb(206 183 54)
- HSL
- hsl(51 61% 51%)
- HWB
- hwb(51 21% 19%)
- OKLCH
- oklch(0.777 0.144 98.7)
- OKLab
- oklab(0.777 -0.022 0.142)
- CIE Lab
- lab(74.76 -1.45 64.26)
- LCH
- lch(74.76 64.28 91.3)
- CMYK
- cmyk(0% 11% 74% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3BE53
- D7C66A
- DCCD7F
- E1D492
- E6DCA5
- EBE3B7
- F0EAC9
- F5F1DB
- FAF8ED
Odcienie ciemniejsze
- B39F2E
- 988725
- 7F701E
- 665A16
- 4E450F
- 383108
- 231E03
- 0F0C01
- 020200
Tony
- C6B245
- BEAC50
- B6A759
- AEA161
- A69C67
- 9E966D
- 969173
- 8F8B78
- 87867C
Harmonie kolorów
Komplementarna +180°
- CEB736
Yellowstone
- A6AFFF
≈ Shy Moment
Analogowa -30° +30°
- CEB736
Yellowstone
- F1A441
≈ O’Brien Orange
- 9AC85F
≈ Spring Lime
Triada +120° +240°
- CEB736
Yellowstone
- 00CBF2
≈ Picnic Day Sky
- F290D5
≈ Bubblegum Kisses
Komplementarna rozszczepiona +150° +210°
- CEB736
Yellowstone
- 77BCFF
≈ Cooler Than Ever
- D19CFC
≈ Plasma Trail
Tetrada +90° +180° +270°
- CEB736
Yellowstone
- 00D1C7
≈ Blue Martina
- A6AFFF
≈ Shy Moment
- FF90A5
≈ Salmon Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.45:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.45:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--yellowstone: #ceb736;
--yellowstone-rgb: 206 183 54;
--yellowstone-oklch: oklch(0.777 0.144 98.7);
}
.element {
color: var(--yellowstone);
background-color: hsl(51 61% 51%);
border-color: oklch(0.777 0.144 98.7);
}Tailwind CSS v4
@theme {
--color-yellowstone: #ceb736;
--color-yellowstone-50: #fef7c8;
--color-yellowstone-100: #f2eab3;
--color-yellowstone-200: #e1d78e;
--color-yellowstone-300: #c8b95d;
--color-yellowstone-400: #b49f20;
--color-yellowstone-500: #9f8500;
--color-yellowstone-600: #867100;
--color-yellowstone-700: #6c5a00;
--color-yellowstone-800: #514100;
--color-yellowstone-900: #382d00;
--color-yellowstone-950: #231a00;
}SCSS
$yellowstone: #ceb736;
$yellowstone-rgb: 206, 183, 54;
$yellowstone-light: mix(#fff, $yellowstone, 20%);
$yellowstone-dark: mix(#000, $yellowstone, 20%);
.element {
color: $yellowstone;
box-shadow: 0 0 0 2px rgba($yellowstone, 0.35);
}