Couleur nommée la plus proche · #0085AD
#0085AD
Couleur nommée la plus proche: Corfu Waters
#0085AD (rgb(0 133 173), hsl(194 100% 34%), oklch(0.576 0.112 228)) est la plus proche de la couleur nommée Corfu Waters. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#0085AD
oklch(0.576 0.112 228)
Conversions de couleur
- HEX
- #0085ad
- RGB
- rgb(0 133 173)
- HSL
- hsl(194 100% 34%)
- HWB
- hwb(194 0% 32%)
- OKLCH
- oklch(0.576 0.112 228)
- OKLab
- oklab(0.576 -0.075 -0.084)
- CIE Lab
- lab(51.09 -20.21 -30.36)
- LCH
- lch(51.09 36.47 236.3)
- CMYK
- cmyk(100% 23% 0% 32%)
Teintes · Ombres · Tons
Teintes
- 3491B5
- 509DBE
- 68A9C6
- 7FB6CE
- 95C2D7
- AACEDF
- BFDAE7
- D4E6EF
- EAF3F7
Ombres
- 007396
- 00617F
- 00506A
- 004055
- 003041
- 00212D
- 00131B
- 00060B
- 000101
Tons
- 2585A9
- 3685A4
- 4384A0
- 4E849C
- 588497
- 618393
- 6A828E
- 718289
- 798185
Harmonies de couleurs
Complémentaire +180°
- 0085AD
Corfu Waters
- AE6339
≈ Fudgesicle
Analogue -30° +30°
- 0085AD
Corfu Waters
- 008A8E
≈ India Blue
- 4E7ABB
≈ Ashton Blue
Triadique +120° +240°
- 0085AD
Corfu Waters
- A95C85
≈ Guppy Violet
- 807E1F
≈ Olive
Complémentaire divisée +150° +210°
- 0085AD
Corfu Waters
- B25B60
≈ Cinnamon Candle
- 9D7017
≈ Chamois Yellow
Tétradique +90° +180° +270°
- 0085AD
Corfu Waters
- 9562A4
≈ Empire Violet
- AE6339
≈ Fudgesicle
- 568944
≈ The Legend of Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.23:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.95:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--corfu-waters: #0085ad;
--corfu-waters-rgb: 0 133 173;
--corfu-waters-oklch: oklch(0.576 0.112 228);
}
.element {
color: var(--corfu-waters);
background-color: hsl(194 100% 34%);
border-color: oklch(0.576 0.112 228);
}Tailwind CSS v4
@theme {
--color-corfu-waters: #0085ad;
--color-corfu-waters-50: #d5fcff;
--color-corfu-waters-100: #c2f0ff;
--color-corfu-waters-200: #a2defb;
--color-corfu-waters-300: #78c2e6;
--color-corfu-waters-400: #4aabd3;
--color-corfu-waters-500: #0093c0;
--color-corfu-waters-600: #037da2;
--color-corfu-waters-700: #066482;
--color-corfu-waters-800: #004a60;
--color-corfu-waters-900: #023343;
--color-corfu-waters-950: #001f2b;
}SCSS
$corfu-waters: #0085ad;
$corfu-waters-rgb: 0, 133, 173;
$corfu-waters-light: mix(#fff, $corfu-waters, 20%);
$corfu-waters-dark: mix(#000, $corfu-waters, 20%);
.element {
color: $corfu-waters;
box-shadow: 0 0 0 2px rgba($corfu-waters, 0.35);
}