Couleur nommée la plus proche · #C7E2FF
#C7E2FF
Couleur nommée la plus proche: Oh Boy!
#C7E2FF (rgb(199 226 255), hsl(211 100% 89%), oklch(0.902 0.049 250.2)) est la plus proche de la couleur nommée Oh Boy!. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#C7E2FF
oklch(0.902 0.049 250.2)
Conversions de couleur
- HEX
- #c7e2ff
- RGB
- rgb(199 226 255)
- HSL
- hsl(211 100% 89%)
- HWB
- hwb(211 78% 0%)
- OKLCH
- oklch(0.902 0.049 250.2)
- OKLab
- oklab(0.902 -0.017 -0.046)
- CIE Lab
- lab(88.59 -4.66 -17.29)
- LCH
- lch(88.59 17.91 254.9)
- CMYK
- cmyk(22% 11% 0% 0%)
Teintes · Ombres · Tons
Teintes
- CDE5FF
- D2E8FF
- D8EBFF
- DDEEFF
- E3F1FF
- E9F3FF
- EEF6FF
- F4F9FF
- F9FCFF
Ombres
- ADC4DE
- 93A8BE
- 7A8C9E
- 627180
- 4C5763
- 363E48
- 21272E
- 0E1216
- 020303
Tons
- C0D8F2
- B8CEE4
- B1C4D7
- AABACA
- A3B0BE
- 9CA6B1
- 959CA5
- 8E9398
- 87898C
Harmonies de couleurs
Complémentaire +180°
- C7E2FF
Oh Boy!
- F4DABC
≈ Morning Blossom
Analogue -30° +30°
- C7E2FF
Oh Boy!
- BCE7F6
≈ First of July
- D8DCFF
≈ Transparent Blue
Triadique +120° +240°
- C7E2FF
Oh Boy!
- FDD2D7
≈ Pink Fluorite
- D4E6C4
≈ Green Vibes
Complémentaire divisée +150° +210°
- C7E2FF
Oh Boy!
- FDD5C7
≈ Coral Dune
- E6E0BB
≈ Swan Dance
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.33:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.75:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--oh-boy: #c7e2ff;
--oh-boy-rgb: 199 226 255;
--oh-boy-oklch: oklch(0.902 0.049 250.2);
}
.element {
color: var(--oh-boy);
background-color: hsl(211 100% 89%);
border-color: oklch(0.902 0.049 250.2);
}Tailwind CSS v4
@theme {
--color-oh-boy: #c7e2ff;
--color-oh-boy-50: #ebf6ff;
--color-oh-boy-100: #dde9f8;
--color-oh-boy-200: #c6d6e9;
--color-oh-boy-300: #a6bad1;
--color-oh-boy-400: #89a1bb;
--color-oh-boy-500: #6e89a6;
--color-oh-boy-600: #5d748c;
--color-oh-boy-700: #4a5d71;
--color-oh-boy-800: #354453;
--color-oh-boy-900: #242f3a;
--color-oh-boy-950: #131c24;
}SCSS
$oh-boy: #c7e2ff;
$oh-boy-rgb: 199, 226, 255;
$oh-boy-light: mix(#fff, $oh-boy, 20%);
$oh-boy-dark: mix(#000, $oh-boy, 20%);
.element {
color: $oh-boy;
box-shadow: 0 0 0 2px rgba($oh-boy, 0.35);
}