Najbliższy nazwany kolor · #E6F0FC
#E6F0FC
Najbliższy nazwany kolor: Cotton Boll
#E6F0FC (rgb(230 240 252), hsl(213 79% 95%), oklch(0.951 0.019 252.9)) jest najbliższy nazwanemu kolorowi Cotton Boll. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E6F0FC
oklch(0.951 0.019 252.9)
Konwersje koloru
- HEX
- #e6f0fc
- RGB
- rgb(230 240 252)
- HSL
- hsl(213 79% 95%)
- HWB
- hwb(213 90% 1%)
- OKLCH
- oklch(0.951 0.019 252.9)
- OKLab
- oklab(0.951 -0.006 -0.019)
- CIE Lab
- lab(94.3 -1.75 -7.01)
- LCH
- lch(94.3 7.22 256)
- CMYK
- cmyk(9% 5% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8F2FC
- EBF3FD
- EDF5FD
- F0F6FD
- F2F8FE
- F5F9FE
- F7FBFE
- FAFCFE
- FCFEFF
Odcienie ciemniejsze
- C8D1DB
- ABB2BB
- 8E959C
- 73787E
- 595D62
- 404347
- 282A2D
- 131416
- 030303
Tony
- DBE4EF
- D1D9E2
- C6CDD5
- BCC2C9
- B2B6BC
- A7ABB0
- 9DA0A4
- 949598
- 8A8B8C
Harmonie kolorów
Komplementarna +180°
- E6F0FC
Cotton Boll
- F7EDE1
≈ Ambient Glow
Analogowa -30° +30°
- E6F0FC
Cotton Boll
- E2F2F8
≈ Clear Vision
- EDEEFC
≈ Carte Blanche
Triada +120° +240°
- E6F0FC
Cotton Boll
- FCEAEB
≈ Placebo Red
- EAF2E5
≈ Green Glaze
Komplementarna rozszczepiona +150° +210°
- E6F0FC
Cotton Boll
- FBEBE5
≈ Soft Pink Mist
- F1F0E1
≈ Crème Vanille
Tetrada +90° +180° +270°
- E6F0FC
Cotton Boll
- F9EAF2
≈ Placebo Magenta
- F7EDE1
≈ Ambient Glow
- E4F3EB
≈ Bath Bubbles
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.23:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.23:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--cotton-boll: #e6f0fc;
--cotton-boll-rgb: 230 240 252;
--cotton-boll-oklch: oklch(0.951 0.019 252.9);
}
.element {
color: var(--cotton-boll);
background-color: hsl(213 79% 95%);
border-color: oklch(0.951 0.019 252.9);
}Tailwind CSS v4
@theme {
--color-cotton-boll: #e6f0fc;
--color-cotton-boll-50: #f1f5fb;
--color-cotton-boll-100: #e4e8ee;
--color-cotton-boll-200: #cfd5dd;
--color-cotton-boll-300: #b1b8c1;
--color-cotton-boll-400: #979faa;
--color-cotton-boll-500: #7d8793;
--color-cotton-boll-600: #6a727c;
--color-cotton-boll-700: #555c64;
--color-cotton-boll-800: #3e4349;
--color-cotton-boll-900: #2a2e33;
--color-cotton-boll-950: #181b1e;
}SCSS
$cotton-boll: #e6f0fc;
$cotton-boll-rgb: 230, 240, 252;
$cotton-boll-light: mix(#fff, $cotton-boll, 20%);
$cotton-boll-dark: mix(#000, $cotton-boll, 20%);
.element {
color: $cotton-boll;
box-shadow: 0 0 0 2px rgba($cotton-boll, 0.35);
}