Dichtstbijzijnde benoemde kleur · #99DBC0
#99DBC0
Dichtstbijzijnde benoemde kleur: Cabbage
#99DBC0 (rgb(153 219 192), hsl(155 48% 73%), oklch(0.84 0.077 167.1)) komt het dichtst bij de benoemde kleur Cabbage. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#99DBC0
oklch(0.84 0.077 167.1)
Kleurconversies
- HEX
- #99dbc0
- RGB
- rgb(153 219 192)
- HSL
- hsl(155 48% 73%)
- HWB
- hwb(155 60% 14%)
- OKLCH
- oklch(0.84 0.077 167.1)
- OKLab
- oklab(0.84 -0.075 0.017)
- CIE Lab
- lab(82.41 -25.98 6.32)
- LCH
- lch(82.41 26.74 166.3)
- CMYK
- cmyk(30% 0% 12% 14%)
Tinten · Schaduwen · Tonen
Tinten
- A4DFC6
- AEE2CC
- B9E6D3
- C3EAD9
- CDEDDF
- D7F1E5
- E1F4EC
- EBF8F2
- F5FBF9
Schaduwen
- 84BEA7
- 70A28E
- 5D8776
- 4A6D5F
- 385449
- 273C34
- 172620
- 08110E
- 010202
Tonen
- 97D2B9
- 95C8B3
- 93BFAC
- 91B6A6
- 8EAD9F
- 8CA499
- 899B93
- 86928C
- 838986
Kleurharmonieën
Complementair +180°
- 99DBC0
Cabbage
- F1B7D4
≈ Pink Marshmallow
Analoog -30° +30°
- 99DBC0
Cabbage
- B3D7A5
≈ Apple Cream
- 8CDADC
≈ Island Oasis
Triadisch +120° +240°
- 99DBC0
Cabbage
- C6C3FB
≈ Light Periwinkle
- F5BCA0
≈ Certain Peach
Gesplitst complementair +150° +210°
- 99DBC0
Cabbage
- DFBBEC
≈ Beefy Pink
- F9B7B8
≈ Ballerina Pink
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.58:1 · APCA Lc 26
Ag
AAAOp zwart
WCAG 13.24:1 · APCA Lc 77
Beste tekstkleur: #000000
WCAG 13.24:1 (AAA) · APCA Lc 77
Contrast pairs
Codefragmenten
CSS
:root {
--cabbage: #99dbc0;
--cabbage-rgb: 153 219 192;
--cabbage-oklch: oklch(0.84 0.077 167.1);
}
.element {
color: var(--cabbage);
background-color: hsl(155 48% 73%);
border-color: oklch(0.84 0.077 167.1);
}Tailwind CSS v4
@theme {
--color-cabbage: #99dbc0;
--color-cabbage-50: #e1fdf1;
--color-cabbage-100: #d0f1e3;
--color-cabbage-200: #b5dfcf;
--color-cabbage-300: #90c5b1;
--color-cabbage-400: #70ad95;
--color-cabbage-500: #4e977c;
--color-cabbage-600: #437f69;
--color-cabbage-700: #356654;
--color-cabbage-800: #264b3c;
--color-cabbage-900: #1a3429;
--color-cabbage-950: #0a1f17;
}SCSS
$cabbage: #99dbc0;
$cabbage-rgb: 153, 219, 192;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}