Couleur nommée la plus proche · #AFCCD5
#AFCCD5
Couleur nommée la plus proche: Subtle Breeze
#AFCCD5 (rgb(175 204 213), hsl(194 31% 76%), oklch(0.827 0.034 218.5)) est la plus proche de la couleur nommée Subtle Breeze. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AFCCD5
oklch(0.827 0.034 218.5)
Conversions de couleur
- HEX
- #afccd5
- RGB
- rgb(175 204 213)
- HSL
- hsl(194 31% 76%)
- HWB
- hwb(194 69% 16%)
- OKLCH
- oklch(0.827 0.034 218.5)
- OKLab
- oklab(0.827 -0.026 -0.021)
- CIE Lab
- lab(80.1 -8.64 -7.93)
- LCH
- lch(80.1 11.72 222.5)
- CMYK
- cmyk(18% 4% 0% 16%)
Teintes · Ombres · Tons
Teintes
- B7D1D9
- BFD6DD
- C7DBE2
- CFE0E6
- D7E5EA
- DFEAEE
- E7F0F2
- EFF5F7
- F7FAFB
Ombres
- 98B1B9
- 81979E
- 6B7E83
- 56656A
- 414E51
- 2E373A
- 1C2224
- 0B0F10
- 010202
Tons
- AAC4CC
- A6BCC3
- A1B5BB
- 9CADB2
- 98A5AA
- 939EA1
- 8E9699
- 898F90
- 858788
Harmonies de couleurs
Complémentaire +180°
- AFCCD5
Subtle Breeze
- DBBFB7
≈ Peach Blush
Analogue -30° +30°
- AFCCD5
Subtle Breeze
- AFCECA
≈ Andean Opal Green
- B6C9DC
≈ Baby Boots
Triadique +120° +240°
- AFCCD5
Subtle Breeze
- D6BECE
≈ Pale Petals
- CBC7AF
≈ Pale Beige
Complémentaire divisée +150° +210°
- AFCCD5
Subtle Breeze
- DBBEC2
≈ Mud Pink
- D5C3B0
≈ Autumn Haze
Tétradique +90° +180° +270°
- AFCCD5
Subtle Breeze
- CCC1D7
≈ Awesome Aura
- DBBFB7
≈ Peach Blush
- C0CBB4
≈ Green Dragon Spring
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.42:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--subtle-breeze: #afccd5;
--subtle-breeze-rgb: 175 204 213;
--subtle-breeze-oklch: oklch(0.827 0.034 218.5);
}
.element {
color: var(--subtle-breeze);
background-color: hsl(194 31% 76%);
border-color: oklch(0.827 0.034 218.5);
}Tailwind CSS v4
@theme {
--color-subtle-breeze: #afccd5;
--color-subtle-breeze-50: #ebf8fc;
--color-subtle-breeze-100: #dcebf0;
--color-subtle-breeze-200: #c5d8de;
--color-subtle-breeze-300: #a5bcc3;
--color-subtle-breeze-400: #89a4ac;
--color-subtle-breeze-500: #6e8c95;
--color-subtle-breeze-600: #5d767e;
--color-subtle-breeze-700: #4a5f65;
--color-subtle-breeze-800: #35454a;
--color-subtle-breeze-900: #243033;
--color-subtle-breeze-950: #131c1f;
}SCSS
$subtle-breeze: #afccd5;
$subtle-breeze-rgb: 175, 204, 213;
$subtle-breeze-light: mix(#fff, $subtle-breeze, 20%);
$subtle-breeze-dark: mix(#000, $subtle-breeze, 20%);
.element {
color: $subtle-breeze;
box-shadow: 0 0 0 2px rgba($subtle-breeze, 0.35);
}