En yakın adlandırılmış renk · #D0C398
#D0C398
En yakın adlandırılmış renk: Castaway Beach
#D0C398 (rgb(208 195 152), hsl(46 37% 71%), oklch(0.817 0.059 93.2)) en çok Castaway Beach 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.
#D0C398
oklch(0.817 0.059 93.2)
Renk dönüşümleri
- HEX
- #d0c398
- RGB
- rgb(208 195 152)
- HSL
- hsl(46 37% 71%)
- HWB
- hwb(46 60% 18%)
- OKLCH
- oklch(0.817 0.059 93.2)
- OKLab
- oklab(0.817 -0.003 0.059)
- CIE Lab
- lab(79.08 -0.2 23.44)
- LCH
- lch(79.08 23.44 90.5)
- CMYK
- cmyk(0% 6% 27% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5C9A2
- D9CFAD
- DED5B7
- E3DBC1
- E7E1CB
- ECE7D6
- F1EDE0
- F5F3EA
- FAF9F5
Koyu tonlar
- B5A984
- 9A9070
- 80785C
- 67604A
- 4F4A38
- 393427
- 232017
- 100E08
- 020201
Gri tonlar
- C8BC96
- BFB594
- B7AE91
- AFA88F
- A7A18D
- 9F9A8A
- 979488
- 8F8D85
- 888783
Renk uyumları
Tamamlayıcı +180°
- D0C398
Castaway Beach
- B6C1EA
≈ Larkspur Bud
Analog -30° +30°
- D0C398
Castaway Beach
- DFBC9C
≈ Only Natural
- BCCAA0
≈ Gleam
Üçlü +120° +240°
- D0C398
Castaway Beach
- 97CEDA
≈ Blue Stream
- DBB6D4
≈ French Lilac
Bölünmüş tamamlayıcı +150° +210°
- D0C398
Castaway Beach
- A3C8E7
≈ Windsor Way
- CBBAE3
≈ Drifting Dream
Dörtlü +90° +180° +270°
- D0C398
Castaway Beach
- 98D0C7
≈ Opal Turquoise
- B6C1EA
≈ Larkspur Bud
- E5B4BF
≈ Premium Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.94:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--castaway-beach: #d0c398;
--castaway-beach-rgb: 208 195 152;
--castaway-beach-oklch: oklch(0.817 0.059 93.2);
}
.element {
color: var(--castaway-beach);
background-color: hsl(46 37% 71%);
border-color: oklch(0.817 0.059 93.2);
}Tailwind CSS v4
@theme {
--color-castaway-beach: #d0c398;
--color-castaway-beach-50: #faf5e3;
--color-castaway-beach-100: #eee8d2;
--color-castaway-beach-200: #dcd5b8;
--color-castaway-beach-300: #c0b896;
--color-castaway-beach-400: #aa9e77;
--color-castaway-beach-500: #938658;
--color-castaway-beach-600: #7d714b;
--color-castaway-beach-700: #645a3c;
--color-castaway-beach-800: #4a422a;
--color-castaway-beach-900: #332d1c;
--color-castaway-beach-950: #1f1a0d;
}SCSS
$castaway-beach: #d0c398;
$castaway-beach-rgb: 208, 195, 152;
$castaway-beach-light: mix(#fff, $castaway-beach, 20%);
$castaway-beach-dark: mix(#000, $castaway-beach, 20%);
.element {
color: $castaway-beach;
box-shadow: 0 0 0 2px rgba($castaway-beach, 0.35);
}