Nazwany kolor · #D0C19F
Castaway Beach
Castaway Beach to #D0C19F: rgb(208 193 159), hsl(42 34% 72%), oklch(0.815 0.049 87). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Castaway Beach color name →
#D0C19F
oklch(0.815 0.049 87)
Konwersje koloru
- HEX
- #d0c19f
- RGB
- rgb(208 193 159)
- HSL
- hsl(42 34% 72%)
- HWB
- hwb(42 62% 18%)
- OKLCH
- oklch(0.815 0.049 87)
- OKLab
- oklab(0.815 0.003 0.049)
- CIE Lab
- lab(78.67 1.5 19.21)
- LCH
- lch(78.67 19.26 85.5)
- CMYK
- cmyk(0% 7% 24% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5C7A8
- D9CDB2
- DED3BB
- E3DAC5
- E7E0CF
- ECE6D8
- F1ECE2
- F5F2EC
- FAF9F5
Odcienie ciemniejsze
- B5A78A
- 9A8F75
- 807761
- 675F4D
- 4F493B
- 393429
- 232018
- 100E09
- 020201
Tony
- C8BA9C
- BFB499
- B7AD96
- AFA793
- A7A090
- 9F9A8D
- 97938A
- 8F8D86
- 888683
Harmonie kolorów
Komplementarna +180°
- D0C19F
Castaway Beach
- B4C2E3
≈ Canterbury Bells
Analogowa -30° +30°
- D0C19F
Castaway Beach
- DCBBA4
≈ Cinnamon Ice
- C0C7A4
≈ Sage Splendour
Triada +120° +240°
- D0C19F
Castaway Beach
- 9ECCD2
≈ Sea Dew
- D4B8D3
≈ Lilac Haze
Komplementarna rozszczepiona +150° +210°
- D0C19F
Castaway Beach
- A5C8DE
≈ Sea Cliff
- C5BCDF
≈ New Love
Tetrada +90° +180° +270°
- D0C19F
Castaway Beach
- A2CDC2
≈ Tareyton
- B4C2E3
≈ Canterbury Bells
- DEB6C3
≈ Kunzite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.81:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--castaway-beach: #d0c19f;
--castaway-beach-rgb: 208 193 159;
--castaway-beach-oklch: oklch(0.815 0.049 87);
}
.element {
color: var(--castaway-beach);
background-color: hsl(42 34% 72%);
border-color: oklch(0.815 0.049 87);
}Tailwind CSS v4
@theme {
--color-castaway-beach: #d0c19f;
--color-castaway-beach-50: #fbf5e6;
--color-castaway-beach-100: #eee7d6;
--color-castaway-beach-200: #ddd4bd;
--color-castaway-beach-300: #c1b79c;
--color-castaway-beach-400: #ab9d7e;
--color-castaway-beach-500: #948561;
--color-castaway-beach-600: #7d7052;
--color-castaway-beach-700: #645a42;
--color-castaway-beach-800: #4a412f;
--color-castaway-beach-900: #332d20;
--color-castaway-beach-950: #1f1a0f;
}SCSS
$castaway-beach: #d0c19f;
$castaway-beach-rgb: 208, 193, 159;
$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);
}