Named color · #D3E3BF
Irish Folklore
Irish Folklore is #D3E3BF: rgb(211 227 191), hsl(87 39% 82%), oklch(0.894 0.051 127). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Irish Folklore color name →
#D3E3BF
oklch(0.894 0.051 127)
Color conversions
- HEX
- #d3e3bf
- RGB
- rgb(211 227 191)
- HSL
- hsl(87 39% 82%)
- HWB
- hwb(87 75% 11%)
- OKLCH
- oklch(0.894 0.051 127)
- OKLab
- oklab(0.894 -0.031 0.041)
- CIE Lab
- lab(88.31 -10.23 15.76)
- LCH
- lch(88.31 18.79 123)
- CMYK
- cmyk(7% 0% 16% 11%)
Tints · Shades · Tones
Tints
- D7E6C5
- DCE9CC
- E0EBD2
- E4EED9
- E9F1DF
- EDF4E5
- F2F7EC
- F6F9F2
- FBFCF9
Shades
- B7C5A6
- 9CA88D
- 828C75
- 69715E
- 515748
- 3A3F33
- 24271F
- 10120D
- 020302
Tones
- CAD9B9
- C2CEB2
- B9C4AC
- B1BAA6
- A9B09F
- A0A699
- 989D93
- 90938C
- 888986
Color harmonies
Complementary +180°
- D3E3BF
Irish Folklore
- E5D4F7
≈ Lavender Princess
Analogous -30° +30°
- D3E3BF
Irish Folklore
- E5DDB7
≈ Tempered Sage
- C2E7CF
≈ Granny Apple
Triadic +120° +240°
- D3E3BF
Irish Folklore
- C2E0FD
≈ Dithered Sky
- FBCFD6
≈ Love Fumes
Split-complementary +150° +210°
- D3E3BF
Irish Folklore
- D3DAFF
≈ Icy Plains
- F3D0E9
≈ Sparkling Pink
Tetradic +90° +180° +270°
- D3E3BF
Irish Folklore
- B7E5F2
≈ Breaking the Ice
- E5D4F7
≈ Lavender Princess
- FCD1C5
≈ Salmon Mousse
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.50:1 · APCA Lc 86
Best text color: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--irish-folklore: #d3e3bf;
--irish-folklore-rgb: 211 227 191;
--irish-folklore-oklch: oklch(0.894 0.051 127);
}
.element {
color: var(--irish-folklore);
background-color: hsl(87 39% 82%);
border-color: oklch(0.894 0.051 127);
}Tailwind CSS v4
@theme {
--color-irish-folklore: #d3e3bf;
--color-irish-folklore-50: #f1f8e9;
--color-irish-folklore-100: #e3ecda;
--color-irish-folklore-200: #cdd9c2;
--color-irish-folklore-300: #afbda2;
--color-irish-folklore-400: #96a484;
--color-irish-folklore-500: #7d8d68;
--color-irish-folklore-600: #6a7758;
--color-irish-folklore-700: #555f47;
--color-irish-folklore-800: #3e4632;
--color-irish-folklore-900: #2b3022;
--color-irish-folklore-950: #181c11;
}SCSS
$irish-folklore: #d3e3bf;
$irish-folklore-rgb: 211, 227, 191;
$irish-folklore-light: mix(#fff, $irish-folklore, 20%);
$irish-folklore-dark: mix(#000, $irish-folklore, 20%);
.element {
color: $irish-folklore;
box-shadow: 0 0 0 2px rgba($irish-folklore, 0.35);
}