Couleur nommée la plus proche · #B3CFDB
#B3CFDB
Couleur nommée la plus proche: Pale Whale
#B3CFDB (rgb(179 207 219), hsl(198 36% 78%), oklch(0.838 0.034 225.5)) est la plus proche de la couleur nommée Pale Whale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B3CFDB
oklch(0.838 0.034 225.5)
Conversions de couleur
- HEX
- #b3cfdb
- RGB
- rgb(179 207 219)
- HSL
- hsl(198 36% 78%)
- HWB
- hwb(198 70% 14%)
- OKLCH
- oklch(0.838 0.034 225.5)
- OKLab
- oklab(0.838 -0.024 -0.025)
- CIE Lab
- lab(81.32 -7.81 -9.28)
- LCH
- lch(81.32 12.13 229.9)
- CMYK
- cmyk(18% 5% 0% 14%)
Teintes · Ombres · Tons
Teintes
- BBD4DF
- C2D9E2
- CADDE6
- D1E2E9
- D9E7ED
- E0ECF1
- E8F0F4
- F0F5F8
- F7FAFB
Ombres
- 9BB4BE
- 8499A2
- 6E7F87
- 58676D
- 434F54
- 2F383C
- 1D2326
- 0C1011
- 010202
Tons
- AEC7D2
- A9BFC8
- A4B7BF
- 9FAFB6
- 99A7AC
- 949FA3
- 8F979A
- 8A8F92
- 858889
Harmonies de couleurs
Complémentaire +180°
- B3CFDB
Pale Whale
- DEC3B8
≈ Canyon Dusk
Analogue -30° +30°
- B3CFDB
Pale Whale
- B1D1D1
≈ Fine China
- BBCBE0
≈ Arctic Grey
Triadique +120° +240°
- B3CFDB
Pale Whale
- DBC1CF
≈ Twilight Light
- CCCCB2
≈ Chilled Cucumber
Complémentaire divisée +150° +210°
- B3CFDB
Pale Whale
- DFC1C2
≈ Cameo Appearance
- D7C7B2
≈ Desert Suede
Tétradique +90° +180° +270°
- B3CFDB
Pale Whale
- D3C3D9
≈ Tender Violet
- DEC3B8
≈ Canyon Dusk
- C0CFB9
≈ Sunlit Sea
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.63:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.86:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.86:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--pale-whale: #b3cfdb;
--pale-whale-rgb: 179 207 219;
--pale-whale-oklch: oklch(0.838 0.034 225.5);
}
.element {
color: var(--pale-whale);
background-color: hsl(198 36% 78%);
border-color: oklch(0.838 0.034 225.5);
}Tailwind CSS v4
@theme {
--color-pale-whale: #b3cfdb;
--color-pale-whale-50: #ecf7fd;
--color-pale-whale-100: #ddeaf1;
--color-pale-whale-200: #c6d8e0;
--color-pale-whale-300: #a6bbc5;
--color-pale-whale-400: #8aa3ae;
--color-pale-whale-500: #6e8b98;
--color-pale-whale-600: #5e7680;
--color-pale-whale-700: #4b5e67;
--color-pale-whale-800: #36454b;
--color-pale-whale-900: #253034;
--color-pale-whale-950: #131c20;
}SCSS
$pale-whale: #b3cfdb;
$pale-whale-rgb: 179, 207, 219;
$pale-whale-light: mix(#fff, $pale-whale, 20%);
$pale-whale-dark: mix(#000, $pale-whale, 20%);
.element {
color: $pale-whale;
box-shadow: 0 0 0 2px rgba($pale-whale, 0.35);
}