En yakın adlandırılmış renk · #B3E0F7
#B3E0F7
En yakın adlandırılmış renk: Frozen Landscape
#B3E0F7 (rgb(179 224 247), hsl(200 81% 84%), oklch(0.883 0.057 230.4)) en çok Frozen Landscape 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.
#B3E0F7
oklch(0.883 0.057 230.4)
Renk dönüşümleri
- HEX
- #b3e0f7
- RGB
- rgb(179 224 247)
- HSL
- hsl(200 81% 84%)
- HWB
- hwb(200 70% 3%)
- OKLCH
- oklch(0.883 0.057 230.4)
- OKLab
- oklab(0.883 -0.036 -0.044)
- CIE Lab
- lab(86.56 -11.26 -16.3)
- LCH
- lch(86.56 19.81 235.4)
- CMYK
- cmyk(28% 9% 0% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BBE3F8
- C3E6F9
- CAE9FA
- D2EDFA
- D9F0FB
- E1F3FC
- E9F6FD
- F0F9FE
- F8FCFE
Koyu tonlar
- 9BC3D7
- 84A6B7
- 6E8A99
- 58707C
- 435660
- 2F3E45
- 1D272C
- 0C1215
- 010203
Gri tonlar
- AED6EB
- A9CCDE
- A4C2D2
- 9FB9C6
- 9AAFBA
- 95A5AE
- 909CA2
- 8A9397
- 85898B
Renk uyumları
Tamamlayıcı +180°
- B3E0F7
Frozen Landscape
- F8CEB7
≈ Cape Sands
Analog -30° +30°
- B3E0F7
Frozen Landscape
- ADE4E7
≈ Timeless Seafoam
- C3DAFE
≈ Broad Daylight
Üçlü +120° +240°
- B3E0F7
Frozen Landscape
- F7CADD
≈ Baby Steps
- DADCB2
≈ Spring Thyme
Bölünmüş tamamlayıcı +150° +210°
- B3E0F7
Frozen Landscape
- FCCAC9
≈ Elegant Light Rose
- ECD5AF
≈ Givry
Dörtlü +90° +180° +270°
- B3E0F7
Frozen Landscape
- EACDF0
≈ Bubblegum Crisis
- F8CEB7
≈ Cape Sands
- C5E2BF
≈ Ambrosia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.92:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.92:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-landscape: #b3e0f7;
--frozen-landscape-rgb: 179 224 247;
--frozen-landscape-oklch: oklch(0.883 0.057 230.4);
}
.element {
color: var(--frozen-landscape);
background-color: hsl(200 81% 84%);
border-color: oklch(0.883 0.057 230.4);
}Tailwind CSS v4
@theme {
--color-frozen-landscape: #b3e0f7;
--color-frozen-landscape-50: #e6f8ff;
--color-frozen-landscape-100: #d6ecf8;
--color-frozen-landscape-200: #bdd9e9;
--color-frozen-landscape-300: #9bbdd0;
--color-frozen-landscape-400: #7ca5ba;
--color-frozen-landscape-500: #5e8da5;
--color-frozen-landscape-600: #50788b;
--color-frozen-landscape-700: #406070;
--color-frozen-landscape-800: #2d4652;
--color-frozen-landscape-900: #1e3139;
--color-frozen-landscape-950: #0e1d23;
}SCSS
$frozen-landscape: #b3e0f7;
$frozen-landscape-rgb: 179, 224, 247;
$frozen-landscape-light: mix(#fff, $frozen-landscape, 20%);
$frozen-landscape-dark: mix(#000, $frozen-landscape, 20%);
.element {
color: $frozen-landscape;
box-shadow: 0 0 0 2px rgba($frozen-landscape, 0.35);
}