Adlandırılmış renk · #CEB736
Yellowstone
Yellowstone, #CEB736: rgb(206 183 54), hsl(51 61% 51%), oklch(0.777 0.144 98.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Yellowstone color name →
#CEB736
oklch(0.777 0.144 98.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3BE53
- D7C66A
- DCCD7F
- E1D492
- E6DCA5
- EBE3B7
- F0EAC9
- F5F1DB
- FAF8ED
Koyu tonlar
- B39F2E
- 988725
- 7F701E
- 665A16
- 4E450F
- 383108
- 231E03
- 0F0C01
- 020200
Gri tonlar
- C6B245
- BEAC50
- B6A759
- AEA161
- A69C67
- 9E966D
- 969173
- 8F8B78
- 87867C
Renk uyumları
Tamamlayıcı +180°
- CEB736
Yellowstone
- A6AFFF
≈ Shy Moment
Analog -30° +30°
- CEB736
Yellowstone
- F1A441
≈ O’Brien Orange
- 9AC85F
≈ Spring Lime
Üçlü +120° +240°
- CEB736
Yellowstone
- 00CBF2
≈ Picnic Day Sky
- F290D5
≈ Bubblegum Kisses
Bölünmüş tamamlayıcı +150° +210°
- CEB736
Yellowstone
- 77BCFF
≈ Cooler Than Ever
- D19CFC
≈ Plasma Trail
Dörtlü +90° +180° +270°
- CEB736
Yellowstone
- 00D1C7
≈ Blue Martina
- A6AFFF
≈ Shy Moment
- FF90A5
≈ Salmon Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.00:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.45:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.45:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
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);
}