Benoemde kleur · #D7E9C8
Korila
Korila is #D7E9C8: rgb(215 233 200), hsl(93 43% 85%), oklch(0.912 0.048 130.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Korila color name →
#D7E9C8
oklch(0.912 0.048 130.8)
Kleurconversies
- HEX
- #d7e9c8
- RGB
- rgb(215 233 200)
- HSL
- hsl(93 43% 85%)
- HWB
- hwb(93 78% 9%)
- OKLCH
- oklch(0.912 0.048 130.8)
- OKLab
- oklab(0.912 -0.031 0.036)
- CIE Lab
- lab(90.34 -10.53 13.98)
- LCH
- lch(90.34 17.51 127)
- CMYK
- cmyk(8% 0% 14% 9%)
Tinten · Schaduwen · Tonen
Tinten
- DBEBCD
- DFEDD3
- E3F0D8
- E7F2DE
- EBF4E3
- EFF6E9
- F3F8EE
- F7FBF4
- FBFDF9
Schaduwen
- BBCBAE
- 9FAD94
- 85907B
- 6B7463
- 525A4C
- 3B4136
- 252921
- 11130F
- 020302
Tonen
- CEDEC1
- C5D3B9
- BCC8B2
- B3BEAB
- ABB3A3
- A2A99C
- 999E95
- 91948E
- 888A87
Kleurharmonieën
Complementair +180°
- D7E9C8
Korila
- ECDAFA
≈ Lavender Savour
Analoog -30° +30°
- D7E9C8
Korila
- E8E3BF
≈ Spring Fever
- C7ECD8
≈ Seafoam Pearl
Triadisch +120° +240°
- D7E9C8
Korila
- CDE5FF
≈ Fresh Water
- FFD6DA
≈ No Need to Blush
Gesplitst complementair +150° +210°
- D7E9C8
Korila
- DCDFFF
≈ Contrail
- F9D6EC
≈ Jacaranda
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.28:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.37:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.37:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--korila: #d7e9c8;
--korila-rgb: 215 233 200;
--korila-oklch: oklch(0.912 0.048 130.8);
}
.element {
color: var(--korila);
background-color: hsl(93 43% 85%);
border-color: oklch(0.912 0.048 130.8);
}Tailwind CSS v4
@theme {
--color-korila: #d7e9c8;
--color-korila-50: #f0f8ea;
--color-korila-100: #e2ecdb;
--color-korila-200: #ccd9c4;
--color-korila-300: #aebda4;
--color-korila-400: #95a587;
--color-korila-500: #7b8d6c;
--color-korila-600: #68775b;
--color-korila-700: #535f49;
--color-korila-800: #3d4634;
--color-korila-900: #2a3023;
--color-korila-950: #181d12;
}SCSS
$korila: #d7e9c8;
$korila-rgb: 215, 233, 200;
$korila-light: mix(#fff, $korila, 20%);
$korila-dark: mix(#000, $korila, 20%);
.element {
color: $korila;
box-shadow: 0 0 0 2px rgba($korila, 0.35);
}