Couleur nommée la plus proche · #B3E0F7
#B3E0F7
Couleur nommée la plus proche: Frozen Landscape
#B3E0F7 (rgb(179 224 247), hsl(200 81% 84%), oklch(0.883 0.057 230.4)) est la plus proche de la couleur nommée Frozen Landscape. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B3E0F7
oklch(0.883 0.057 230.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- BBE3F8
- C3E6F9
- CAE9FA
- D2EDFA
- D9F0FB
- E1F3FC
- E9F6FD
- F0F9FE
- F8FCFE
Ombres
- 9BC3D7
- 84A6B7
- 6E8A99
- 58707C
- 435660
- 2F3E45
- 1D272C
- 0C1215
- 010203
Tons
- AED6EB
- A9CCDE
- A4C2D2
- 9FB9C6
- 9AAFBA
- 95A5AE
- 909CA2
- 8A9397
- 85898B
Harmonies de couleurs
Complémentaire +180°
- B3E0F7
Frozen Landscape
- F8CEB7
≈ Cape Sands
Analogue -30° +30°
- B3E0F7
Frozen Landscape
- ADE4E7
≈ Timeless Seafoam
- C3DAFE
≈ Broad Daylight
Triadique +120° +240°
- B3E0F7
Frozen Landscape
- F7CADD
≈ Baby Steps
- DADCB2
≈ Spring Thyme
Complémentaire divisée +150° +210°
- B3E0F7
Frozen Landscape
- FCCAC9
≈ Elegant Light Rose
- ECD5AF
≈ Givry
Tétradique +90° +180° +270°
- B3E0F7
Frozen Landscape
- EACDF0
≈ Bubblegum Crisis
- F8CEB7
≈ Cape Sands
- C5E2BF
≈ Ambrosia
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.40:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.92:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 14.92:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
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);
}