Couleur nommée la plus proche · #0BA8CD
#0BA8CD
Couleur nommée la plus proche: Gummy Dolphins
#0BA8CD (rgb(11 168 205), hsl(191 90% 42%), oklch(0.678 0.123 221.3)) est la plus proche de la couleur nommée Gummy Dolphins. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0BA8CD
oklch(0.678 0.123 221.3)
Conversions de couleur
- HEX
- #0ba8cd
- RGB
- rgb(11 168 205)
- HSL
- hsl(191 90% 42%)
- HWB
- hwb(191 4% 20%)
- OKLCH
- oklch(0.678 0.123 221.3)
- OKLab
- oklab(0.678 -0.093 -0.081)
- CIE Lab
- lab(63.22 -27.1 -29.68)
- LCH
- lch(63.22 40.19 227.6)
- CMYK
- cmyk(95% 18% 0% 20%)
Teintes · Ombres · Tons
Teintes
- 3FB1D2
- 5CBAD8
- 74C3DD
- 89CBE2
- 9ED4E7
- B2DDEC
- C5E5F1
- D9EEF6
- ECF6FA
Ombres
- 0892B2
- 067C98
- 04677E
- 025266
- 013F4E
- 012C38
- 001A23
- 000A0F
- 000102
Tons
- 2EA4C5
- 40A0BE
- 4D9DB6
- 5899AE
- 6095A6
- 68919F
- 6F8D97
- 75898F
- 7B8488
Harmonies de couleurs
Complémentaire +180°
- 0BA8CD
Gummy Dolphins
- D77C5A
≈ Deep Coral
Analogue -30° +30°
- 0BA8CD
Gummy Dolphins
- 00AEA9
≈ Teal Me No Lies
- 5A9CE1
≈ Perfect Days
Triadique +120° +240°
- 0BA8CD
Gummy Dolphins
- CA78AE
≈ Strawberry Freeze
- A89931
≈ Pestulance
Complémentaire divisée +150° +210°
- 0BA8CD
Gummy Dolphins
- D87684
≈ Creamy Coral
- C78935
≈ Gentleman’s Whiskey
Tétradique +90° +180° +270°
- 0BA8CD
Gummy Dolphins
- B081CF
≈ Lavender Blossom
- D77C5A
≈ Deep Coral
- 7CA753
≈ Asparagus
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.80:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.49:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.49:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
CSS
:root {
--gummy-dolphins: #0ba8cd;
--gummy-dolphins-rgb: 11 168 205;
--gummy-dolphins-oklch: oklch(0.678 0.123 221.3);
}
.element {
color: var(--gummy-dolphins);
background-color: hsl(191 90% 42%);
border-color: oklch(0.678 0.123 221.3);
}Tailwind CSS v4
@theme {
--color-gummy-dolphins: #0ba8cd;
--color-gummy-dolphins-50: #d0feff;
--color-gummy-dolphins-100: #bcf2ff;
--color-gummy-dolphins-200: #99e0fb;
--color-gummy-dolphins-300: #6ac5e5;
--color-gummy-dolphins-400: #2faed2;
--color-gummy-dolphins-500: #0097bf;
--color-gummy-dolphins-600: #0080a1;
--color-gummy-dolphins-700: #006682;
--color-gummy-dolphins-800: #004c5f;
--color-gummy-dolphins-900: #003443;
--color-gummy-dolphins-950: #00202b;
}SCSS
$gummy-dolphins: #0ba8cd;
$gummy-dolphins-rgb: 11, 168, 205;
$gummy-dolphins-light: mix(#fff, $gummy-dolphins, 20%);
$gummy-dolphins-dark: mix(#000, $gummy-dolphins, 20%);
.element {
color: $gummy-dolphins;
box-shadow: 0 0 0 2px rgba($gummy-dolphins, 0.35);
}