Nazwany kolor · #F3DBD9
Hawaiian Shell
Hawaiian Shell to #F3DBD9: rgb(243 219 217), hsl(5 52% 90%), oklch(0.91 0.027 23.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Hawaiian Shell color name →
#F3DBD9
oklch(0.91 0.027 23.4)
Konwersje koloru
- HEX
- #f3dbd9
- RGB
- rgb(243 219 217)
- HSL
- hsl(5 52% 90%)
- HWB
- hwb(5 85% 5%)
- OKLCH
- oklch(0.91 0.027 23.4)
- OKLab
- oklab(0.91 0.025 0.011)
- CIE Lab
- lab(89.36 8.31 4.16)
- LCH
- lch(89.36 9.29 26.6)
- CMYK
- cmyk(0% 10% 11% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4DFDD
- F6E2E1
- F7E6E4
- F8E9E8
- F9EDEC
- FAF1F0
- FCF4F3
- FDF8F7
- FEFBFB
Odcienie ciemniejsze
- D3BEBC
- B4A2A1
- 978786
- 7A6D6C
- 5E5453
- 443C3B
- 2B2625
- 141111
- 030202
Tony
- E7D2D0
- DBC8C7
- CFBFBD
- C4B6B4
- B8ACAB
- ADA3A3
- A19A9A
- 969191
- 8B8989
Harmonie kolorów
Komplementarna +180°
- F3DBD9
Hawaiian Shell
- CEE7E9
≈ Starship Tonic
Analogowa -30° +30°
- F3DBD9
Hawaiian Shell
- F1DBE3
≈ Piggyback
- F1DDD1
≈ Spice Cookie
Triada +120° +240°
- F3DBD9
Hawaiian Shell
- D7E6D6
≈ Whispering Frost
- D8E2F4
≈ Aquarelle Purple
Komplementarna rozszczepiona +150° +210°
- F3DBD9
Hawaiian Shell
- D0E8E0
≈ Aqua Glass
- D1E5F1
≈ New Heights
Tetrada +90° +180° +270°
- F3DBD9
Hawaiian Shell
- E1E4D0
≈ Yoga Daze
- CEE7E9
≈ Starship Tonic
- E2DEF2
≈ Lingering Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.94:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.94:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--hawaiian-shell: #f3dbd9;
--hawaiian-shell-rgb: 243 219 217;
--hawaiian-shell-oklch: oklch(0.91 0.027 23.4);
}
.element {
color: var(--hawaiian-shell);
background-color: hsl(5 52% 90%);
border-color: oklch(0.91 0.027 23.4);
}Tailwind CSS v4
@theme {
--color-hawaiian-shell: #f3dbd9;
--color-hawaiian-shell-50: #fdf2f1;
--color-hawaiian-shell-100: #f1e5e3;
--color-hawaiian-shell-200: #e0d0ce;
--color-hawaiian-shell-300: #c5b2b0;
--color-hawaiian-shell-400: #ae9997;
--color-hawaiian-shell-500: #97807e;
--color-hawaiian-shell-600: #806c6a;
--color-hawaiian-shell-700: #665655;
--color-hawaiian-shell-800: #4b3f3e;
--color-hawaiian-shell-900: #342b2b;
--color-hawaiian-shell-950: #201918;
}SCSS
$hawaiian-shell: #f3dbd9;
$hawaiian-shell-rgb: 243, 219, 217;
$hawaiian-shell-light: mix(#fff, $hawaiian-shell, 20%);
$hawaiian-shell-dark: mix(#000, $hawaiian-shell, 20%);
.element {
color: $hawaiian-shell;
box-shadow: 0 0 0 2px rgba($hawaiian-shell, 0.35);
}