Najbliższy nazwany kolor · #E5FDFE
#E5FDFE
Najbliższy nazwany kolor: Bubbles
#E5FDFE (rgb(229 253 254), hsl(182 93% 95%), oklch(0.977 0.025 199.8)) jest najbliższy nazwanemu kolorowi Bubbles. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#E5FDFE
oklch(0.977 0.025 199.8)
Konwersje koloru
- HEX
- #e5fdfe
- RGB
- rgb(229 253 254)
- HSL
- hsl(182 93% 95%)
- HWB
- hwb(182 90% 0%)
- OKLCH
- oklch(0.977 0.025 199.8)
- OKLab
- oklab(0.977 -0.024 -0.008)
- CIE Lab
- lab(97.57 -7.93 -3.28)
- LCH
- lch(97.57 8.58 202.5)
- CMYK
- cmyk(10% 0% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8FDFE
- EAFDFE
- EDFEFE
- F0FEFE
- F2FEFF
- F5FEFF
- F7FEFF
- FAFFFF
- FCFFFF
Odcienie ciemniejsze
- C7DCDD
- AABCBD
- 8E9D9E
- 727F80
- 586263
- 3F4747
- 282D2D
- 121616
- 030303
Tony
- DAF0F1
- D0E3E4
- C6D6D7
- BBC9CA
- B1BDBD
- A7B0B0
- 9DA4A4
- 939898
- 8A8C8C
Harmonie kolorów
Komplementarna +180°
- E5FDFE
Bubbles
- FFF5F4
≈ Coy
Analogowa -30° +30°
- E5FDFE
Bubbles
- E8FDF5
≈ Placebo Turquoise
- EFF9FF
≈ Alice Blue
Triada +120° +240°
- E5FDFE
Bubbles
- FDF4FF
≈ Sugar Crystal
- FFF6E8
≈ Apricot Ice
Komplementarna rozszczepiona +150° +210°
- E5FDFE
Bubbles
- FFF4F9
≈ Sea Salt Sherbet
- FFF5F0
≈ Seashell
Tetrada +90° +180° +270°
- E5FDFE
Bubbles
- F7F6FF
≈ Sugar Crystal
- FFF5F4
≈ Coy
- F8F9E6
≈ Soft Silver
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.05:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.81:1 · APCA Lc 103
Najlepszy kolor tekstu: #000000
WCAG 19.81:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--bubbles: #e5fdfe;
--bubbles-rgb: 229 253 254;
--bubbles-oklch: oklch(0.977 0.025 199.8);
}
.element {
color: var(--bubbles);
background-color: hsl(182 93% 95%);
border-color: oklch(0.977 0.025 199.8);
}Tailwind CSS v4
@theme {
--color-bubbles: #e5fdfe;
--color-bubbles-50: #edf7f8;
--color-bubbles-100: #dfeaeb;
--color-bubbles-200: #c9d8d9;
--color-bubbles-300: #a9bbbd;
--color-bubbles-400: #8ea3a4;
--color-bubbles-500: #738c8d;
--color-bubbles-600: #627677;
--color-bubbles-700: #4e5e5f;
--color-bubbles-800: #394545;
--color-bubbles-900: #273030;
--color-bubbles-950: #151c1c;
}SCSS
$bubbles: #e5fdfe;
$bubbles-rgb: 229, 253, 254;
$bubbles-light: mix(#fff, $bubbles, 20%);
$bubbles-dark: mix(#000, $bubbles, 20%);
.element {
color: $bubbles;
box-shadow: 0 0 0 2px rgba($bubbles, 0.35);
}