Couleur nommée · #BFDFDF
Aqua Whisper
Aqua Whisper correspond à #BFDFDF : rgb(191 223 223), hsl(180 33% 81%), oklch(0.88 0.034 196.6). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Aqua Whisper color name →
#BFDFDF
oklch(0.88 0.034 196.6)
Conversions de couleur
- HEX
- #bfdfdf
- RGB
- rgb(191 223 223)
- HSL
- hsl(180 33% 81%)
- HWB
- hwb(180 75% 13%)
- OKLCH
- oklch(0.88 0.034 196.6)
- OKLab
- oklab(0.88 -0.032 -0.01)
- CIE Lab
- lab(86.49 -10.91 -3.73)
- LCH
- lch(86.49 11.53 198.9)
- CMYK
- cmyk(14% 0% 0% 13%)
Teintes · Ombres · Tons
Teintes
- C5E2E2
- CCE5E5
- D2E9E9
- D9ECEC
- DFEFEF
- E5F2F2
- ECF5F5
- F2F9F9
- F9FCFC
Ombres
- A6C2C2
- 8DA5A5
- 758A8A
- 5E6F6F
- 485656
- 333D3D
- 1F2727
- 0D1212
- 020202
Tons
- B9D5D5
- B2CBCB
- ACC2C2
- A6B8B8
- 9FAEAE
- 99A5A5
- 939C9B
- 8C9292
- 868989
Harmonies de couleurs
Complémentaire +180°
- BFDFDF
Aqua Whisper
- EDCFD0
≈ Nursery
Analogue -30° +30°
- BFDFDF
Aqua Whisper
- C4DFD3
≈ Kappa Green
- C1DDE9
≈ Skywalker
Triadique +120° +240°
- BFDFDF
Aqua Whisper
- E1D1E7
≈ Teary Eyed
- E5D5C0
≈ Figurine
Complémentaire divisée +150° +210°
- BFDFDF
Aqua Whisper
- E9CFDC
≈ Creamy Freesia
- ECD1C5
≈ Sugarcane
Tétradique +90° +180° +270°
- BFDFDF
Aqua Whisper
- D5D5ED
≈ Light Powdered Granite
- EDCFD0
≈ Nursery
- DADAC0
≈ Loafer
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.83:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.83:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--aqua-whisper: #bfdfdf;
--aqua-whisper-rgb: 191 223 223;
--aqua-whisper-oklch: oklch(0.88 0.034 196.6);
}
.element {
color: var(--aqua-whisper);
background-color: hsl(180 33% 81%);
border-color: oklch(0.88 0.034 196.6);
}Tailwind CSS v4
@theme {
--color-aqua-whisper: #bfdfdf;
--color-aqua-whisper-50: #ebf8f9;
--color-aqua-whisper-100: #dcecec;
--color-aqua-whisper-200: #c5d9d9;
--color-aqua-whisper-300: #a4bdbe;
--color-aqua-whisper-400: #88a5a5;
--color-aqua-whisper-500: #6c8d8e;
--color-aqua-whisper-600: #5c7878;
--color-aqua-whisper-700: #496060;
--color-aqua-whisper-800: #354646;
--color-aqua-whisper-900: #243130;
--color-aqua-whisper-950: #131d1d;
}SCSS
$aqua-whisper: #bfdfdf;
$aqua-whisper-rgb: 191, 223, 223;
$aqua-whisper-light: mix(#fff, $aqua-whisper, 20%);
$aqua-whisper-dark: mix(#000, $aqua-whisper, 20%);
.element {
color: $aqua-whisper;
box-shadow: 0 0 0 2px rgba($aqua-whisper, 0.35);
}