En yakın adlandırılmış renk · #C9CC8F
#C9CC8F
En yakın adlandırılmış renk: Sunken Treasure
#C9CC8F (rgb(201 204 143), hsl(63 37% 68%), oklch(0.828 0.08 110.4)) en çok Sunken Treasure adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C9CC8F
oklch(0.828 0.08 110.4)
Renk dönüşümleri
- HEX
- #c9cc8f
- RGB
- rgb(201 204 143)
- HSL
- hsl(63 37% 68%)
- HWB
- hwb(63 56% 20%)
- OKLCH
- oklch(0.828 0.08 110.4)
- OKLab
- oklab(0.828 -0.028 0.075)
- CIE Lab
- lab(80.71 -8.17 30.14)
- LCH
- lch(80.71 31.23 105.2)
- CMYK
- cmyk(1% 0% 30% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CED19A
- D3D6A6
- D9DBB1
- DEE0BC
- E3E6C7
- E9EBD2
- EEF0DE
- F4F5E9
- F9FAF4
Koyu tonlar
- AEB17C
- 959769
- 7C7E57
- 646545
- 4C4E34
- 363724
- 222215
- 0F0F07
- 020201
Gri tonlar
- C1C48E
- BABC8D
- B2B58C
- ABAD8A
- A4A589
- 9C9E87
- 959686
- 8E8F84
- 878782
Renk uyumları
Tamamlayıcı +180°
- C9CC8F
Sunken Treasure
- C6BEF8
≈ Connecticut Lilac
Analog -30° +30°
- C9CC8F
Sunken Treasure
- E2C28B
≈ Lira
- ABD4A3
≈ Pistachio Green
Üçlü +120° +240°
- C9CC8F
Sunken Treasure
- 90D1F1
≈ Slightly Spritzig
- F0B2CE
≈ Fulgrim Pink
Bölünmüş tamamlayıcı +150° +210°
- C9CC8F
Sunken Treasure
- A9C8FC
≈ Night Snow
- DFB6E7
≈ Pretty Petunia
Dörtlü +90° +180° +270°
- C9CC8F
Sunken Treasure
- 85D7DC
≈ Vibrant Soft Blue
- C6BEF8
≈ Connecticut Lilac
- F7B2B1
≈ Precious Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.67:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.51:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--sunken-treasure: #c9cc8f;
--sunken-treasure-rgb: 201 204 143;
--sunken-treasure-oklch: oklch(0.828 0.08 110.4);
}
.element {
color: var(--sunken-treasure);
background-color: hsl(63 37% 68%);
border-color: oklch(0.828 0.08 110.4);
}Tailwind CSS v4
@theme {
--color-sunken-treasure: #c9cc8f;
--color-sunken-treasure-50: #f5f8de;
--color-sunken-treasure-100: #e8ebcd;
--color-sunken-treasure-200: #d4d8b1;
--color-sunken-treasure-300: #b8bc8d;
--color-sunken-treasure-400: #a1a36b;
--color-sunken-treasure-500: #898b49;
--color-sunken-treasure-600: #74763f;
--color-sunken-treasure-700: #5d5e32;
--color-sunken-treasure-800: #454522;
--color-sunken-treasure-900: #302f17;
--color-sunken-treasure-950: #1c1c08;
}SCSS
$sunken-treasure: #c9cc8f;
$sunken-treasure-rgb: 201, 204, 143;
$sunken-treasure-light: mix(#fff, $sunken-treasure, 20%);
$sunken-treasure-dark: mix(#000, $sunken-treasure, 20%);
.element {
color: $sunken-treasure;
box-shadow: 0 0 0 2px rgba($sunken-treasure, 0.35);
}