Nazwany kolor · #E3D0D5
Santolina Blooms
Santolina Blooms to #E3D0D5: rgb(227 208 213), hsl(344 25% 85%), oklch(0.875 0.022 359.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Santolina Blooms color name →
#E3D0D5
oklch(0.875 0.022 359.7)
Konwersje koloru
- HEX
- #e3d0d5
- RGB
- rgb(227 208 213)
- HSL
- hsl(344 25% 85%)
- HWB
- hwb(344 82% 11%)
- OKLCH
- oklch(0.875 0.022 359.7)
- OKLab
- oklab(0.875 0.022 0)
- CIE Lab
- lab(85.17 7.45 0.03)
- LCH
- lch(85.17 7.45 0.3)
- CMYK
- cmyk(0% 8% 6% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6D5D9
- E9D9DD
- EBDEE1
- EEE3E6
- F1E7EA
- F4ECEE
- F7F1F2
- F9F5F6
- FCFAFB
Odcienie ciemniejsze
- C5B5B9
- A89A9E
- 8C8083
- 71676A
- 574F51
- 3F393A
- 272324
- 121010
- 030202
Tony
- D9C8CC
- CEBFC3
- C4B7BB
- BAAFB2
- B0A7AA
- A69FA1
- 9D9799
- 938F90
- 898888
Harmonie kolorów
Komplementarna +180°
- E3D0D5
Santolina Blooms
- C7DBD6
≈ Morning Dew White
Analogowa -30° +30°
- E3D0D5
Santolina Blooms
- DFD1DD
≈ Orchid Ice
- E4D1CD
≈ China Silk
Triada +120° +240°
- E3D0D5
Santolina Blooms
- D4D8C8
≈ September Song
- C9D8E3
≈ Baywater Blue
Komplementarna rozszczepiona +150° +210°
- E3D0D5
Santolina Blooms
- CCDACE
≈ Tenderness
- C6DADE
≈ Light Dewpoint
Tetrada +90° +180° +270°
- E3D0D5
Santolina Blooms
- DBD5C6
≈ Hog’s Pudding
- C7DBD6
≈ Morning Dew White
- D0D5E5
≈ Supernova
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.24:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.24:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--santolina-blooms: #e3d0d5;
--santolina-blooms-rgb: 227 208 213;
--santolina-blooms-oklch: oklch(0.875 0.022 359.7);
}
.element {
color: var(--santolina-blooms);
background-color: hsl(344 25% 85%);
border-color: oklch(0.875 0.022 359.7);
}Tailwind CSS v4
@theme {
--color-santolina-blooms: #e3d0d5;
--color-santolina-blooms-50: #fbf3f4;
--color-santolina-blooms-100: #efe5e7;
--color-santolina-blooms-200: #ddd0d3;
--color-santolina-blooms-300: #c2b3b6;
--color-santolina-blooms-400: #aa999e;
--color-santolina-blooms-500: #938085;
--color-santolina-blooms-600: #7d6d71;
--color-santolina-blooms-700: #64575a;
--color-santolina-blooms-800: #493f42;
--color-santolina-blooms-900: #332c2e;
--color-santolina-blooms-950: #1e191b;
}SCSS
$santolina-blooms: #e3d0d5;
$santolina-blooms-rgb: 227, 208, 213;
$santolina-blooms-light: mix(#fff, $santolina-blooms, 20%);
$santolina-blooms-dark: mix(#000, $santolina-blooms, 20%);
.element {
color: $santolina-blooms;
box-shadow: 0 0 0 2px rgba($santolina-blooms, 0.35);
}