Benoemde kleur · #B5CEDF
Omphalodes
Omphalodes is #B5CEDF: rgb(181 206 223), hsl(204 40% 79%), oklch(0.838 0.036 237.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Omphalodes color name →
#B5CEDF
oklch(0.838 0.036 237.6)
Kleurconversies
- HEX
- #b5cedf
- RGB
- rgb(181 206 223)
- HSL
- hsl(204 40% 79%)
- HWB
- hwb(204 71% 13%)
- OKLCH
- oklch(0.838 0.036 237.6)
- OKLab
- oklab(0.838 -0.019 -0.03)
- CIE Lab
- lab(81.29 -6.02 -11.43)
- LCH
- lch(81.29 12.92 242.2)
- CMYK
- cmyk(19% 8% 0% 13%)
Tinten · Schaduwen · Tonen
Tinten
- BCD3E2
- C4D8E5
- CBDDE9
- D2E1EC
- DAE6EF
- E1EBF2
- E9F0F5
- F0F5F9
- F8FAFC
Schaduwen
- 9DB3C2
- 8698A5
- 6F7F8A
- 59666F
- 444E56
- 30383D
- 1D2327
- 0C0F12
- 020202
Tonen
- B0C6D5
- AABECB
- A5B6C2
- A0AEB8
- 9AA6AE
- 959EA5
- 90979C
- 8A8F92
- 858889
Kleurharmonieën
Complementair +180°
- B5CEDF
Omphalodes
- DDC5B4
≈ Mission Stone
Analoog -30° +30°
- B5CEDF
Omphalodes
- B0D1D6
≈ Hatchling Blue
- C0CAE2
≈ Hindsight
Triadisch +120° +240°
- B5CEDF
Omphalodes
- DFC1CA
≈ Baby Tone
- C8CEB3
≈ Chilled Cucumber
Gesplitst complementair +150° +210°
- B5CEDF
Omphalodes
- E1C2BD
≈ Slubbed Silk
- D4C9B0
≈ Prairie House
Tetradisch +90° +180° +270°
- B5CEDF
Omphalodes
- D7C2D6
≈ Chinaberry Bloom
- DDC5B4
≈ Mission Stone
- BBD1BD
≈ Sunlit Sea
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.63:1 · APCA Lc 28
Ag
AAAOp zwart
WCAG 12.85:1 · APCA Lc 75
Beste tekstkleur: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--omphalodes: #b5cedf;
--omphalodes-rgb: 181 206 223;
--omphalodes-oklch: oklch(0.838 0.036 237.6);
}
.element {
color: var(--omphalodes);
background-color: hsl(204 40% 79%);
border-color: oklch(0.838 0.036 237.6);
}Tailwind CSS v4
@theme {
--color-omphalodes: #b5cedf;
--color-omphalodes-50: #ecf7ff;
--color-omphalodes-100: #deeaf3;
--color-omphalodes-200: #c7d7e2;
--color-omphalodes-300: #a7bac8;
--color-omphalodes-400: #8ba2b1;
--color-omphalodes-500: #708a9c;
--color-omphalodes-600: #5f7583;
--color-omphalodes-700: #4c5e69;
--color-omphalodes-800: #37454d;
--color-omphalodes-900: #252f36;
--color-omphalodes-950: #141c21;
}SCSS
$omphalodes: #b5cedf;
$omphalodes-rgb: 181, 206, 223;
$omphalodes-light: mix(#fff, $omphalodes, 20%);
$omphalodes-dark: mix(#000, $omphalodes, 20%);
.element {
color: $omphalodes;
box-shadow: 0 0 0 2px rgba($omphalodes, 0.35);
}