Dichtstbijzijnde benoemde kleur · #098D5E
#098D5E
Dichtstbijzijnde benoemde kleur: Center Field
#098D5E (rgb(9 141 94), hsl(159 88% 29%), oklch(0.569 0.125 160.8)) komt het dichtst bij de benoemde kleur Center Field. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#098D5E
oklch(0.569 0.125 160.8)
Kleurconversies
- HEX
- #098d5e
- RGB
- rgb(9 141 94)
- HSL
- hsl(159 88% 29%)
- HWB
- hwb(159 4% 45%)
- OKLCH
- oklch(0.569 0.125 160.8)
- OKLab
- oklab(0.569 -0.118 0.041)
- CIE Lab
- lab(51.65 -42.11 15.77)
- LCH
- lch(51.65 44.96 159.5)
- CMYK
- cmyk(94% 0% 33% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 37986D
- 53A47C
- 6AAF8C
- 80BA9C
- 96C6AC
- ABD1BC
- C0DDCC
- D5E8DD
- EAF3EE
Schaduwen
- 077A51
- 056744
- 035537
- 02442B
- 01331F
- 012314
- 00140A
- 000703
- 000100
Tonen
- 288C62
- 398B65
- 458A69
- 50896C
- 5A876F
- 628673
- 6A8576
- 728379
- 79827D
Kleurharmonieën
Complementair +180°
- 098D5E
Center Field
- A7578D
≈ Cyclamen Red
Analoog -30° +30°
- 098D5E
Center Field
- 5D852E
≈ Weeping Fig
- 008985
≈ Navigate
Triadisch +120° +240°
- 098D5E
Center Field
- 6B6CBF
≈ Purple Toolbox
- B35A39
≈ Overcast Brick
Gesplitst complementair +150° +210°
- 098D5E
Center Field
- 8E60AD
≈ Lusty Lavender
- B45465
≈ Kissed by a Zombies
Tetradisch +90° +180° +270°
- 098D5E
Center Field
- 367ABE
≈ Mykonos
- A7578D
≈ Cyclamen Red
- A46800
≈ Komodo
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.21:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 4.98:1 · APCA Lc 33
Beste tekstkleur: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Codefragmenten
CSS
:root {
--center-field: #098d5e;
--center-field-rgb: 9 141 94;
--center-field-oklch: oklch(0.569 0.125 160.8);
}
.element {
color: var(--center-field);
background-color: hsl(159 88% 29%);
border-color: oklch(0.569 0.125 160.8);
}Tailwind CSS v4
@theme {
--color-center-field: #098d5e;
--color-center-field-50: #d6ffeb;
--color-center-field-100: #c3f6dc;
--color-center-field-200: #a3e6c5;
--color-center-field-300: #78cca5;
--color-center-field-400: #4fb586;
--color-center-field-500: #059f6a;
--color-center-field-600: #10865a;
--color-center-field-700: #0f6c48;
--color-center-field-800: #0c4f32;
--color-center-field-900: #083722;
--color-center-field-950: #002211;
}SCSS
$center-field: #098d5e;
$center-field-rgb: 9, 141, 94;
$center-field-light: mix(#fff, $center-field, 20%);
$center-field-dark: mix(#000, $center-field, 20%);
.element {
color: $center-field;
box-shadow: 0 0 0 2px rgba($center-field, 0.35);
}