En yakın adlandırılmış renk · #E3F3F5
#E3F3F5
En yakın adlandırılmış renk: Winter’s Breath
#E3F3F5 (rgb(227 243 245), hsl(187 47% 93%), oklch(0.953 0.017 205.8)) en çok Winter’s Breath adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#E3F3F5
oklch(0.953 0.017 205.8)
Renk dönüşümleri
- HEX
- #e3f3f5
- RGB
- rgb(227 243 245)
- HSL
- hsl(187 47% 93%)
- HWB
- hwb(187 89% 4%)
- OKLCH
- oklch(0.953 0.017 205.8)
- OKLab
- oklab(0.953 -0.015 -0.007)
- CIE Lab
- lab(94.69 -5.17 -2.88)
- LCH
- lch(94.69 5.92 209.1)
- CMYK
- cmyk(7% 1% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6F4F6
- E9F5F7
- EBF7F8
- EEF8F9
- F1F9FA
- F4FAFB
- F7FBFC
- F9FDFD
- FCFEFE
Koyu tonlar
- C5D3D5
- A8B4B6
- 8C9798
- 717A7B
- 575E5F
- 3F4444
- 272B2B
- 121415
- 030303
Gri tonlar
- D9E7E9
- CEDBDD
- C4CFD0
- BAC3C5
- B0B8B9
- A6ACAD
- 9DA1A2
- 939696
- 898B8B
Renk uyumları
Tamamlayıcı +180°
- E3F3F5
Winter’s Breath
- FBEBE9
≈ Placebo Red
Analog -30° +30°
- E3F3F5
Winter’s Breath
- E4F3EF
≈ Aqua Tint
- E5F2FA
≈ Clear Vision
Üçlü +120° +240°
- E3F3F5
Winter’s Breath
- F6ECF6
≈ Sentimental Pink
- F5EFE3
≈ Vintage White
Bölünmüş tamamlayıcı +150° +210°
- E3F3F5
Winter’s Breath
- FAEBF0
≈ Morning Shine
- F9EDE5
≈ Frothy Milk
Dörtlü +90° +180° +270°
- E3F3F5
Winter’s Breath
- F0EDFA
≈ Foundation White
- FBEBE9
≈ Placebo Red
- EFF1E4
≈ Frostwork
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.14:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.40:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.40:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--winter-s-breath: #e3f3f5;
--winter-s-breath-rgb: 227 243 245;
--winter-s-breath-oklch: oklch(0.953 0.017 205.8);
}
.element {
color: var(--winter-s-breath);
background-color: hsl(187 47% 93%);
border-color: oklch(0.953 0.017 205.8);
}Tailwind CSS v4
@theme {
--color-winter-s-breath: #e3f3f5;
--color-winter-s-breath-50: #f0f7f8;
--color-winter-s-breath-100: #e2eaeb;
--color-winter-s-breath-200: #ccd6d8;
--color-winter-s-breath-300: #aebabc;
--color-winter-s-breath-400: #93a2a3;
--color-winter-s-breath-500: #7a8a8c;
--color-winter-s-breath-600: #677476;
--color-winter-s-breath-700: #525d5f;
--color-winter-s-breath-800: #3c4445;
--color-winter-s-breath-900: #292f30;
--color-winter-s-breath-950: #171c1c;
}SCSS
$winter-s-breath: #e3f3f5;
$winter-s-breath-rgb: 227, 243, 245;
$winter-s-breath-light: mix(#fff, $winter-s-breath, 20%);
$winter-s-breath-dark: mix(#000, $winter-s-breath, 20%);
.element {
color: $winter-s-breath;
box-shadow: 0 0 0 2px rgba($winter-s-breath, 0.35);
}