Nazwany kolor · #F6E6DB
Coast Cream
Coast Cream to #F6E6DB: rgb(246 230 219), hsl(24 60% 91%), oklch(0.935 0.023 57). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Coast Cream color name →
#F6E6DB
oklch(0.935 0.023 57)
Konwersje koloru
- HEX
- #f6e6db
- RGB
- rgb(246 230 219)
- HSL
- hsl(24 60% 91%)
- HWB
- hwb(24 86% 4%)
- OKLCH
- oklch(0.935 0.023 57)
- OKLab
- oklab(0.935 0.012 0.019)
- CIE Lab
- lab(92.37 4.29 7.44)
- LCH
- lch(92.37 8.58 60)
- CMYK
- cmyk(0% 7% 11% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7E8DF
- F8EBE2
- F9EDE6
- FAF0E9
- FBF2ED
- FBF5F1
- FCF7F4
- FDFAF8
- FEFCFB
Odcienie ciemniejsze
- D6C8BE
- B7ABA2
- 988E87
- 7B736D
- 5F5954
- 45403C
- 2C2826
- 151311
- 030302
Tony
- EADBD2
- DDD1C8
- D1C6BF
- C5BCB6
- B9B2AC
- AEA7A3
- A29D9A
- 969491
- 8B8A89
Harmonie kolorów
Komplementarna +180°
- F6E6DB
Coast Cream
- DCECF7
≈ Ice Fishing
Analogowa -30° +30°
- F6E6DB
Coast Cream
- F9E4E1
≈ Tutu
- F0E9D9
≈ Dover Cliffs
Triada +120° +240°
- F6E6DB
Coast Cream
- DAEFE9
≈ Shattered Ice
- EBE7F7
≈ Tranquil Eve
Komplementarna rozszczepiona +150° +210°
- F6E6DB
Coast Cream
- D9EEF1
≈ Lakeside Mist
- E2E9F9
≈ Icy Lilac
Tetrada +90° +180° +270°
- F6E6DB
Coast Cream
- E0EEE1
≈ Snowdrop Explosion
- DCECF7
≈ Ice Fishing
- F2E4F2
≈ Minute Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.26:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.26:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--coast-cream: #f6e6db;
--coast-cream-rgb: 246 230 219;
--coast-cream-oklch: oklch(0.935 0.023 57);
}
.element {
color: var(--coast-cream);
background-color: hsl(24 60% 91%);
border-color: oklch(0.935 0.023 57);
}Tailwind CSS v4
@theme {
--color-coast-cream: #f6e6db;
--color-coast-cream-50: #faf4ef;
--color-coast-cream-100: #eee6e0;
--color-coast-cream-200: #dcd2cb;
--color-coast-cream-300: #c1b5ac;
--color-coast-cream-400: #a99b92;
--color-coast-cream-500: #928378;
--color-coast-cream-600: #7c6f65;
--color-coast-cream-700: #635851;
--color-coast-cream-800: #49403b;
--color-coast-cream-900: #332c28;
--color-coast-cream-950: #1e1916;
}SCSS
$coast-cream: #f6e6db;
$coast-cream-rgb: 246, 230, 219;
$coast-cream-light: mix(#fff, $coast-cream, 20%);
$coast-cream-dark: mix(#000, $coast-cream, 20%);
.element {
color: $coast-cream;
box-shadow: 0 0 0 2px rgba($coast-cream, 0.35);
}