Colore con nome · #DAC2AF
Artisan Tea
Artisan Tea è #DAC2AF: rgb(218 194 175), hsl(27 37% 77%), oklch(0.829 0.038 60.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Artisan Tea color name →
#DAC2AF
oklch(0.829 0.038 60.6)
Conversioni di colore
- HEX
- #dac2af
- RGB
- rgb(218 194 175)
- HSL
- hsl(27 37% 77%)
- HWB
- hwb(27 69% 15%)
- OKLCH
- oklch(0.829 0.038 60.6)
- OKLab
- oklab(0.829 0.018 0.033)
- CIE Lab
- lab(80.11 6.55 12.86)
- LCH
- lch(80.11 14.43 63)
- CMYK
- cmyk(0% 11% 20% 15%)
Tinte · Ombre · Toni
Tinte
- DEC8B7
- E1CEBF
- E5D4C7
- E9DACF
- EDE0D7
- F0E6DF
- F4ECE7
- F8F3EF
- FBF9F7
Ombre
- BDA898
- A28F81
- 87776B
- 6C6056
- 544941
- 3C342E
- 25201C
- 110E0B
- 020201
Toni
- D1BBAA
- C7B4A6
- BEAEA1
- B5A79C
- ACA097
- A39A93
- 9A938E
- 918D89
- 898685
Armonie di colore
Complementare +180°
- DAC2AF
Artisan Tea
- B2CBDE
≈ Big Sur
Analogo -30° +30°
- DAC2AF
Artisan Tea
- DFBFB9
≈ Monroe Kiss
- D0C7AC
≈ Wild Hillside
Triadico +120° +240°
- DAC2AF
Artisan Tea
- ADD0C8
≈ Cassiopeia
- CBC2DC
≈ Ice Mauve
Complementare divisa +150° +210°
- DAC2AF
Artisan Tea
- ACCED5
≈ Hisoku Blue
- BEC6E0
≈ Violet Scent Soft Blue
Tetradico +90° +180° +270°
- DAC2AF
Artisan Tea
- B6CEBB
≈ Gossamer Green
- B2CBDE
≈ Big Sur
- D6BFD3
≈ Lovely Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.31:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--artisan-tea: #dac2af;
--artisan-tea-rgb: 218 194 175;
--artisan-tea-oklch: oklch(0.829 0.038 60.6);
}
.element {
color: var(--artisan-tea);
background-color: hsl(27 37% 77%);
border-color: oklch(0.829 0.038 60.6);
}Tailwind CSS v4
@theme {
--color-artisan-tea: #dac2af;
--color-artisan-tea-50: #fdf3ea;
--color-artisan-tea-100: #f1e5db;
--color-artisan-tea-200: #e0d1c4;
--color-artisan-tea-300: #c6b4a4;
--color-artisan-tea-400: #b09a88;
--color-artisan-tea-500: #99816d;
--color-artisan-tea-600: #826d5d;
--color-artisan-tea-700: #68574a;
--color-artisan-tea-800: #4d3f36;
--color-artisan-tea-900: #352c25;
--color-artisan-tea-950: #201913;
}SCSS
$artisan-tea: #dac2af;
$artisan-tea-rgb: 218, 194, 175;
$artisan-tea-light: mix(#fff, $artisan-tea, 20%);
$artisan-tea-dark: mix(#000, $artisan-tea, 20%);
.element {
color: $artisan-tea;
box-shadow: 0 0 0 2px rgba($artisan-tea, 0.35);
}