Dichtstbijzijnde benoemde kleur · #DAF8F0
#DAF8F0
Dichtstbijzijnde benoemde kleur: Minty Fresh
#DAF8F0 (rgb(218 248 240), hsl(164 68% 91%), oklch(0.955 0.033 177.8)) komt het dichtst bij de benoemde kleur Minty Fresh. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DAF8F0
oklch(0.955 0.033 177.8)
Kleurconversies
- HEX
- #daf8f0
- RGB
- rgb(218 248 240)
- HSL
- hsl(164 68% 91%)
- HWB
- hwb(164 85% 3%)
- OKLCH
- oklch(0.955 0.033 177.8)
- OKLab
- oklab(0.955 -0.033 0.001)
- CIE Lab
- lab(95.23 -11.22 0.39)
- LCH
- lch(95.23 11.23 178)
- CMYK
- cmyk(12% 0% 3% 3%)
Tinten · Schaduwen · Tonen
Tinten
- DEF9F1
- E2F9F3
- E5FAF4
- E9FBF6
- EDFCF7
- F0FCF9
- F4FDFA
- F8FEFC
- FBFEFD
Schaduwen
- BDD8D1
- A2B8B2
- 879A95
- 6C7C78
- 54605D
- 3C4543
- 252C2A
- 111514
- 020303
Tonen
- D1EBE4
- C7DFD9
- BED3CD
- B5C6C2
- ACBAB6
- A3AEAB
- 9AA2A0
- 919795
- 898B8B
Kleurharmonieën
Complementair +180°
- DAF8F0
Minty Fresh
- FFEAF0
≈ Fairy Wings
Analoog -30° +30°
- DAF8F0
Minty Fresh
- E2F7E4
≈ Toxic Latte
- D8F7FC
≈ Glacial Day
Triadisch +120° +240°
- DAF8F0
Minty Fresh
- F2EDFF
≈ Foundation White
- FFECDF
≈ Pink Glow
Gesplitst complementair +150° +210°
- DAF8F0
Minty Fresh
- FDE9FC
≈ Fairy Bubblegum Cloud
- FFEBE8
≈ Rose Frost
Tetradisch +90° +180° +270°
- DAF8F0
Minty Fresh
- EAF0FF
≈ Brilliant White
- FFEAF0
≈ Fairy Wings
- FAF0D8
≈ Hedgehog Mushroom
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.12:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.66:1 · APCA Lc 99
Beste tekstkleur: #000000
WCAG 18.66:1 (AAA) · APCA Lc 99
Contrast pairs
Codefragmenten
CSS
:root {
--minty-fresh: #daf8f0;
--minty-fresh-rgb: 218 248 240;
--minty-fresh-oklch: oklch(0.955 0.033 177.8);
}
.element {
color: var(--minty-fresh);
background-color: hsl(164 68% 91%);
border-color: oklch(0.955 0.033 177.8);
}Tailwind CSS v4
@theme {
--color-minty-fresh: #daf8f0;
--color-minty-fresh-50: #ecf8f5;
--color-minty-fresh-100: #ddece8;
--color-minty-fresh-200: #c6d9d5;
--color-minty-fresh-300: #a6bdb8;
--color-minty-fresh-400: #8ba59e;
--color-minty-fresh-500: #6f8e86;
--color-minty-fresh-600: #5e7871;
--color-minty-fresh-700: #4b605b;
--color-minty-fresh-800: #374642;
--color-minty-fresh-900: #25312d;
--color-minty-fresh-950: #141d1a;
}SCSS
$minty-fresh: #daf8f0;
$minty-fresh-rgb: 218, 248, 240;
$minty-fresh-light: mix(#fff, $minty-fresh, 20%);
$minty-fresh-dark: mix(#000, $minty-fresh, 20%);
.element {
color: $minty-fresh;
box-shadow: 0 0 0 2px rgba($minty-fresh, 0.35);
}