Benoemde kleur · #BCDCCD
Mirador
Mirador is #BCDCCD: rgb(188 220 205), hsl(152 31% 80%), oklch(0.867 0.04 165.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Mirador color name →
#BCDCCD
oklch(0.867 0.04 165.5)
Kleurconversies
- HEX
- #bcdccd
- RGB
- rgb(188 220 205)
- HSL
- hsl(152 31% 80%)
- HWB
- hwb(152 74% 14%)
- OKLCH
- oklch(0.867 0.04 165.5)
- OKLab
- oklab(0.867 -0.038 0.01)
- CIE Lab
- lab(85.1 -13.15 3.67)
- LCH
- lch(85.1 13.65 164.4)
- CMYK
- cmyk(15% 0% 7% 14%)
Tinten · Schaduwen · Tonen
Tinten
- C3DFD2
- C9E3D7
- D0E6DC
- D7EAE1
- DDEDE6
- E4F1EB
- EBF4F0
- F2F8F5
- F8FBFA
Schaduwen
- A3BFB2
- 8BA398
- 73887E
- 5D6E66
- 47544E
- 323C38
- 1F2623
- 0D110F
- 020202
Tonen
- B6D2C5
- B0C9BD
- AAC0B5
- A4B6AD
- 9EADA6
- 98A49E
- 929B96
- 8C928F
- 868987
Kleurharmonieën
Complementair +180°
- BCDCCD
Mirador
- E8C9D9
≈ Merry Pink
Analoog -30° +30°
- BCDCCD
Mirador
- C8DAC0
≈ Crocodile Dreams
- B6DCDB
≈ Blue Glass
Triadisch +120° +240°
- BCDCCD
Mirador
- D0D0ED
≈ Artistic Violet
- EBCCBE
≈ Quaint Peche
Gesplitst complementair +150° +210°
- BCDCCD
Mirador
- DECCE5
≈ Pouf of Pink
- ECC9CB
≈ Pink Cardoon
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.47:1 · APCA Lc 22
Ag
AAAOp zwart
WCAG 14.25:1 · APCA Lc 81
Beste tekstkleur: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Codefragmenten
CSS
:root {
--mirador: #bcdccd;
--mirador-rgb: 188 220 205;
--mirador-oklch: oklch(0.867 0.04 165.5);
}
.element {
color: var(--mirador);
background-color: hsl(152 31% 80%);
border-color: oklch(0.867 0.04 165.5);
}Tailwind CSS v4
@theme {
--color-mirador: #bcdccd;
--color-mirador-50: #ebf9f3;
--color-mirador-100: #dcece5;
--color-mirador-200: #c5dad1;
--color-mirador-300: #a5beb3;
--color-mirador-400: #89a699;
--color-mirador-500: #6e8f80;
--color-mirador-600: #5d796c;
--color-mirador-700: #4a6157;
--color-mirador-800: #36473f;
--color-mirador-900: #25312b;
--color-mirador-950: #131d18;
}SCSS
$mirador: #bcdccd;
$mirador-rgb: 188, 220, 205;
$mirador-light: mix(#fff, $mirador, 20%);
$mirador-dark: mix(#000, $mirador, 20%);
.element {
color: $mirador;
box-shadow: 0 0 0 2px rgba($mirador, 0.35);
}