Benoemde kleur · #D4DED4
Worn Jade Tiles
Worn Jade Tiles is #D4DED4: rgb(212 222 212), hsl(120 13% 85%), oklch(0.89 0.017 145.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Worn Jade Tiles color name →
#D4DED4
oklch(0.89 0.017 145.4)
Kleurconversies
- HEX
- #d4ded4
- RGB
- rgb(212 222 212)
- HSL
- hsl(120 13% 85%)
- HWB
- hwb(120 83% 13%)
- OKLCH
- oklch(0.89 0.017 145.4)
- OKLab
- oklab(0.89 -0.014 0.01)
- CIE Lab
- lab(87.49 -4.84 3.69)
- LCH
- lch(87.49 6.09 142.7)
- CMYK
- cmyk(5% 0% 5% 13%)
Tinten · Schaduwen · Tonen
Tinten
- D8E1D8
- DDE5DC
- E1E8E1
- E5EBE5
- E9EEE9
- EEF2EE
- F2F5F2
- F6F8F6
- FBFCFB
Schaduwen
- B8C1B8
- 9DA59D
- 838983
- 696F69
- 515551
- 3A3D3A
- 242624
- 101210
- 020202
Tonen
- CBD4CB
- C3CAC3
- BAC1BA
- B2B7B1
- A9AEA9
- A1A4A1
- 989B98
- 909290
- 888988
Kleurharmonieën
Complementair +180°
- D4DED4
Worn Jade Tiles
- E1D7E1
≈ Pastel Day
Analoog -30° +30°
- D4DED4
Worn Jade Tiles
- DADCD0
≈ Icepick
- D0DFDA
≈ Snow Leopard
Triadisch +120° +240°
- D4DED4
Worn Jade Tiles
- D5DBE7
≈ Sueded Grey
- E6D7D5
≈ Lost Love
Gesplitst complementair +150° +210°
- D4DED4
Worn Jade Tiles
- DBD9E5
≈ Misty Violet
- E5D6DB
≈ Secret Scent
Tetradisch +90° +180° +270°
- D4DED4
Worn Jade Tiles
- D0DDE5
≈ London Lights
- E1D7E1
≈ Pastel Day
- E4D8D0
≈ Kangaroo Tan
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.38:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 15.19:1 · APCA Lc 85
Beste tekstkleur: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Codefragmenten
CSS
:root {
--worn-jade-tiles: #d4ded4;
--worn-jade-tiles-rgb: 212 222 212;
--worn-jade-tiles-oklch: oklch(0.89 0.017 145.4);
}
.element {
color: var(--worn-jade-tiles);
background-color: hsl(120 13% 85%);
border-color: oklch(0.89 0.017 145.4);
}Tailwind CSS v4
@theme {
--color-worn-jade-tiles: #d4ded4;
--color-worn-jade-tiles-50: #f2f6f2;
--color-worn-jade-tiles-100: #e4e9e5;
--color-worn-jade-tiles-200: #d0d6d0;
--color-worn-jade-tiles-300: #b2bab2;
--color-worn-jade-tiles-400: #98a198;
--color-worn-jade-tiles-500: #7f897f;
--color-worn-jade-tiles-600: #6c746c;
--color-worn-jade-tiles-700: #565d56;
--color-worn-jade-tiles-800: #3f443f;
--color-worn-jade-tiles-900: #2b2f2b;
--color-worn-jade-tiles-950: #191b18;
}SCSS
$worn-jade-tiles: #d4ded4;
$worn-jade-tiles-rgb: 212, 222, 212;
$worn-jade-tiles-light: mix(#fff, $worn-jade-tiles, 20%);
$worn-jade-tiles-dark: mix(#000, $worn-jade-tiles, 20%);
.element {
color: $worn-jade-tiles;
box-shadow: 0 0 0 2px rgba($worn-jade-tiles, 0.35);
}