Colore con nome · #AAD0BA
Taffy Twist
Taffy Twist è #AAD0BA: rgb(170 208 186), hsl(145 29% 74%), oklch(0.824 0.051 159.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Taffy Twist color name →
#AAD0BA
oklch(0.824 0.051 159.7)
Conversioni di colore
- HEX
- #aad0ba
- RGB
- rgb(170 208 186)
- HSL
- hsl(145 29% 74%)
- HWB
- hwb(145 67% 18%)
- OKLCH
- oklch(0.824 0.051 159.7)
- OKLab
- oklab(0.824 -0.047 0.018)
- CIE Lab
- lab(80.26 -16.32 6.59)
- LCH
- lch(80.26 17.6 158)
- CMYK
- cmyk(18% 0% 11% 18%)
Tinte · Ombre · Toni
Tinte
- B2D5C1
- BBD9C8
- C3DECE
- CCE3D5
- D4E7DC
- DDECE3
- E5F1EA
- EEF6F1
- F6FAF8
Ombre
- 93B5A1
- 7D9A89
- 688072
- 53675C
- 3F4F46
- 2D3932
- 1B231E
- 0B100D
- 010202
Toni
- A6C8B4
- A2C0AE
- 9EB7A8
- 99AFA2
- 95A79D
- 919F97
- 8D9791
- 898F8B
- 848886
Armonie di colore
Complementare +180°
- AAD0BA
Taffy Twist
- DDB9D0
≈ Lavender Veil
Analogo -30° +30°
- AAD0BA
Taffy Twist
- BBCCAA
≈ Enamel Green
- A0D0CC
≈ Cold Turquoise
Triadico +120° +240°
- AAD0BA
Taffy Twist
- BEC3E7
≈ Canterbury Bells
- E3BBAD
≈ Tofino
Complementare divisa +150° +210°
- AAD0BA
Taffy Twist
- CFBDDF
≈ Sweet Lucid Dreams
- E4B8BE
≈ Seven Veils
Tetradico +90° +180° +270°
- AAD0BA
Taffy Twist
- ADC9E6
≈ Water Wash
- DDB9D0
≈ Lavender Veil
- DBC0A2
≈ Shrimp Boudin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.44:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.44:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--taffy-twist: #aad0ba;
--taffy-twist-rgb: 170 208 186;
--taffy-twist-oklch: oklch(0.824 0.051 159.7);
}
.element {
color: var(--taffy-twist);
background-color: hsl(145 29% 74%);
border-color: oklch(0.824 0.051 159.7);
}Tailwind CSS v4
@theme {
--color-taffy-twist: #aad0ba;
--color-taffy-twist-50: #e9faf1;
--color-taffy-twist-100: #daede3;
--color-taffy-twist-200: #c2dbce;
--color-taffy-twist-300: #a1c0af;
--color-taffy-twist-400: #85a894;
--color-taffy-twist-500: #69917a;
--color-taffy-twist-600: #597b68;
--color-taffy-twist-700: #476253;
--color-taffy-twist-800: #34483c;
--color-taffy-twist-900: #233229;
--color-taffy-twist-950: #121e17;
}SCSS
$taffy-twist: #aad0ba;
$taffy-twist-rgb: 170, 208, 186;
$taffy-twist-light: mix(#fff, $taffy-twist, 20%);
$taffy-twist-dark: mix(#000, $taffy-twist, 20%);
.element {
color: $taffy-twist;
box-shadow: 0 0 0 2px rgba($taffy-twist, 0.35);
}