En yakın adlandırılmış renk · #C8C383
#C8C383
En yakın adlandırılmış renk: Soda Pop
#C8C383 (rgb(200 195 131), hsl(56 39% 65%), oklch(0.806 0.084 104.3)) en çok Soda Pop 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.
#C8C383
oklch(0.806 0.084 104.3)
Renk dönüşümleri
- HEX
- #c8c383
- RGB
- rgb(200 195 131)
- HSL
- hsl(56 39% 65%)
- HWB
- hwb(56 51% 22%)
- OKLCH
- oklch(0.806 0.084 104.3)
- OKLab
- oklab(0.806 -0.021 0.081)
- CIE Lab
- lab(78.08 -5.3 32.88)
- LCH
- lch(78.08 33.3 99.2)
- CMYK
- cmyk(0% 3% 35% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDC990
- D3CF9C
- D8D5A9
- DDDBB5
- E3E1C1
- E8E7CE
- EEEDDA
- F4F3E6
- F9F9F3
Koyu tonlar
- AEA971
- 949060
- 7B784F
- 63603F
- 4C4A2F
- 363420
- 212012
- 0F0E06
- 020201
Gri tonlar
- C0BC83
- B9B584
- B2AF84
- AAA884
- A3A183
- 9C9A83
- 959482
- 8E8D82
- 878781
Renk uyumları
Tamamlayıcı +180°
- C8C383
Soda Pop
- B9B9F4
≈ Purple Illusion
Analog -30° +30°
- C8C383
Soda Pop
- E0B882
≈ Beehive
- A9CC95
≈ Chenille
Üçlü +120° +240°
- C8C383
Soda Pop
- 82CCE8
≈ Sky of Ocean
- E7AACD
≈ Pink Pearl
Bölünmüş tamamlayıcı +150° +210°
- C8C383
Soda Pop
- 9BC3F5
≈ Sail to the Sea
- D4B0E6
≈ Whisper of Plum
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.58:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--soda-pop: #c8c383;
--soda-pop-rgb: 200 195 131;
--soda-pop-oklch: oklch(0.806 0.084 104.3);
}
.element {
color: var(--soda-pop);
background-color: hsl(56 39% 65%);
border-color: oklch(0.806 0.084 104.3);
}Tailwind CSS v4
@theme {
--color-soda-pop: #c8c383;
--color-soda-pop-50: #f8f7dc;
--color-soda-pop-100: #ebeaca;
--color-soda-pop-200: #d8d7ae;
--color-soda-pop-300: #bcbb89;
--color-soda-pop-400: #a6a166;
--color-soda-pop-500: #8f8943;
--color-soda-pop-600: #79743a;
--color-soda-pop-700: #615d2e;
--color-soda-pop-800: #48431f;
--color-soda-pop-900: #322f14;
--color-soda-pop-950: #1e1b06;
}SCSS
$soda-pop: #c8c383;
$soda-pop-rgb: 200, 195, 131;
$soda-pop-light: mix(#fff, $soda-pop, 20%);
$soda-pop-dark: mix(#000, $soda-pop, 20%);
.element {
color: $soda-pop;
box-shadow: 0 0 0 2px rgba($soda-pop, 0.35);
}