Benoemde kleur · #D7E2BC
Cardamom Fragrance
Cardamom Fragrance is #D7E2BC: rgb(215 226 188), hsl(77 40% 81%), oklch(0.895 0.052 120.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Cardamom Fragrance color name →
#D7E2BC
oklch(0.895 0.052 120.6)
Kleurconversies
- HEX
- #d7e2bc
- RGB
- rgb(215 226 188)
- HSL
- hsl(77 40% 81%)
- HWB
- hwb(77 74% 11%)
- OKLCH
- oklch(0.895 0.052 120.6)
- OKLab
- oklab(0.895 -0.026 0.045)
- CIE Lab
- lab(88.3 -8.66 17.35)
- LCH
- lch(88.3 19.39 116.5)
- CMYK
- cmyk(5% 0% 17% 11%)
Tinten · Schaduwen · Tonen
Tinten
- DBE5C3
- DFE8C9
- E3EBD0
- E7EED7
- EBF1DD
- EFF3E4
- F3F6EB
- F7F9F2
- FBFCF8
Schaduwen
- BBC4A3
- 9FA88B
- 858C73
- 6B715D
- 525747
- 3B3E32
- 25271F
- 11120D
- 020302
Tonen
- CED8B6
- C5CEB0
- BCC4AA
- B3BAA4
- AAB09E
- A2A698
- 999C92
- 91938C
- 888986
Kleurharmonieën
Complementair +180°
- D7E2BC
Cardamom Fragrance
- E1D5FA
≈ Japan Blush
Analoog -30° +30°
- D7E2BC
Cardamom Fragrance
- E9DCB6
≈ Jodhpurs
- C5E7CB
≈ Granny Apple
Triadisch +120° +240°
- D7E2BC
Cardamom Fragrance
- BEE2FC
≈ Dithered Sky
- FBCFDA
≈ Bologna Sausage
Gesplitst complementair +150° +210°
- D7E2BC
Cardamom Fragrance
- CFDBFF
≈ Icy Plains
- F1D0ED
≈ Sparkling Pink
Tetradisch +90° +180° +270°
- D7E2BC
Cardamom Fragrance
- B5E6F0
≈ Winter Escape
- E1D5FA
≈ Japan Blush
- FDD0C8
≈ Snow Pa
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.49:1 · APCA Lc 86
Beste tekstkleur: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Codefragmenten
CSS
:root {
--cardamom-fragrance: #d7e2bc;
--cardamom-fragrance-rgb: 215 226 188;
--cardamom-fragrance-oklch: oklch(0.895 0.052 120.6);
}
.element {
color: var(--cardamom-fragrance);
background-color: hsl(77 40% 81%);
border-color: oklch(0.895 0.052 120.6);
}Tailwind CSS v4
@theme {
--color-cardamom-fragrance: #d7e2bc;
--color-cardamom-fragrance-50: #f2f8e8;
--color-cardamom-fragrance-100: #e4ebd8;
--color-cardamom-fragrance-200: #d0d8c0;
--color-cardamom-fragrance-300: #b2bc9f;
--color-cardamom-fragrance-400: #9aa381;
--color-cardamom-fragrance-500: #818c65;
--color-cardamom-fragrance-600: #6d7656;
--color-cardamom-fragrance-700: #575f44;
--color-cardamom-fragrance-800: #404531;
--color-cardamom-fragrance-900: #2c3021;
--color-cardamom-fragrance-950: #191c10;
}SCSS
$cardamom-fragrance: #d7e2bc;
$cardamom-fragrance-rgb: 215, 226, 188;
$cardamom-fragrance-light: mix(#fff, $cardamom-fragrance, 20%);
$cardamom-fragrance-dark: mix(#000, $cardamom-fragrance, 20%);
.element {
color: $cardamom-fragrance;
box-shadow: 0 0 0 2px rgba($cardamom-fragrance, 0.35);
}