Najbliższy nazwany kolor · #C8C383
#C8C383
Najbliższy nazwany kolor: Soda Pop
#C8C383 (rgb(200 195 131), hsl(56 39% 65%), oklch(0.806 0.084 104.3)) jest najbliższy nazwanemu kolorowi Soda Pop. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C8C383
oklch(0.806 0.084 104.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDC990
- D3CF9C
- D8D5A9
- DDDBB5
- E3E1C1
- E8E7CE
- EEEDDA
- F4F3E6
- F9F9F3
Odcienie ciemniejsze
- AEA971
- 949060
- 7B784F
- 63603F
- 4C4A2F
- 363420
- 212012
- 0F0E06
- 020201
Tony
- C0BC83
- B9B584
- B2AF84
- AAA884
- A3A183
- 9C9A83
- 959482
- 8E8D82
- 878781
Harmonie kolorów
Komplementarna +180°
- C8C383
Soda Pop
- B9B9F4
≈ Purple Illusion
Analogowa -30° +30°
- C8C383
Soda Pop
- E0B882
≈ Beehive
- A9CC95
≈ Chenille
Triada +120° +240°
- C8C383
Soda Pop
- 82CCE8
≈ Sky of Ocean
- E7AACD
≈ Pink Pearl
Komplementarna rozszczepiona +150° +210°
- C8C383
Soda Pop
- 9BC3F5
≈ Sail to the Sea
- D4B0E6
≈ Whisper of Plum
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.58:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
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);
}