Cor nomeada · #D4DED4
Worn Jade Tiles
Worn Jade Tiles é #D4DED4: rgb(212 222 212), hsl(120 13% 85%), oklch(0.89 0.017 145.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Worn Jade Tiles color name →
#D4DED4
oklch(0.89 0.017 145.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D8E1D8
- DDE5DC
- E1E8E1
- E5EBE5
- E9EEE9
- EEF2EE
- F2F5F2
- F6F8F6
- FBFCFB
Sombras
- B8C1B8
- 9DA59D
- 838983
- 696F69
- 515551
- 3A3D3A
- 242624
- 101210
- 020202
Tons
- CBD4CB
- C3CAC3
- BAC1BA
- B2B7B1
- A9AEA9
- A1A4A1
- 989B98
- 909290
- 888988
Harmonias de cor
Complementar +180°
- D4DED4
Worn Jade Tiles
- E1D7E1
≈ Pastel Day
Análoga -30° +30°
- D4DED4
Worn Jade Tiles
- DADCD0
≈ Icepick
- D0DFDA
≈ Snow Leopard
Tríade +120° +240°
- D4DED4
Worn Jade Tiles
- D5DBE7
≈ Sueded Grey
- E6D7D5
≈ Lost Love
Complementar dividida +150° +210°
- D4DED4
Worn Jade Tiles
- DBD9E5
≈ Misty Violet
- E5D6DB
≈ Secret Scent
Tétrade +90° +180° +270°
- D4DED4
Worn Jade Tiles
- D0DDE5
≈ London Lights
- E1D7E1
≈ Pastel Day
- E4D8D0
≈ Kangaroo Tan
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.19:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.19:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
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);
}