En yakın adlandırılmış renk · #A0CDC0
#A0CDC0
En yakın adlandırılmış renk: Mint Twist
#A0CDC0 (rgb(160 205 192), hsl(163 31% 72%), oklch(0.813 0.051 175.4)) en çok Mint Twist adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A0CDC0
oklch(0.813 0.051 175.4)
Renk dönüşümleri
- HEX
- #a0cdc0
- RGB
- rgb(160 205 192)
- HSL
- hsl(163 31% 72%)
- HWB
- hwb(163 63% 20%)
- OKLCH
- oklch(0.813 0.051 175.4)
- OKLab
- oklab(0.813 -0.051 0.004)
- CIE Lab
- lab(78.92 -17.36 1.39)
- LCH
- lch(78.92 17.41 175.4)
- CMYK
- cmyk(22% 0% 6% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AAD2C6
- B3D7CC
- BDDCD3
- C6E1D9
- D0E6DF
- D9EBE5
- E3F0EC
- ECF5F2
- F6FAF9
Koyu tonlar
- 8BB2A7
- 76988E
- 617E76
- 4E665F
- 3B4E49
- 293834
- 192320
- 090F0E
- 010202
Gri tonlar
- 9DC5B9
- 9ABDB3
- 97B5AC
- 94AEA6
- 91A69F
- 8D9E99
- 8A9793
- 878F8C
- 838786
Renk uyumları
Tamamlayıcı +180°
- A0CDC0
Mint Twist
- DEB5C3
≈ Kunzite
Analog -30° +30°
- A0CDC0
Mint Twist
- AECBAE
≈ Relish
- 9CCCD2
≈ Sea Dew
Üçlü +120° +240°
- A0CDC0
Mint Twist
- C4BCE0
≈ New Love
- DCBAA3
≈ Tracery
Bölünmüş tamamlayıcı +150° +210°
- A0CDC0
Mint Twist
- D3B7D4
≈ Lilac Haze
- E1B6B1
≈ Gracious Rose
Dörtlü +90° +180° +270°
- A0CDC0
Mint Twist
- B2C2E4
≈ Spoiled Rotten
- DEB5C3
≈ Kunzite
- D1C09D
≈ Castaway Beach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.98:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--mint-twist: #a0cdc0;
--mint-twist-rgb: 160 205 192;
--mint-twist-oklch: oklch(0.813 0.051 175.4);
}
.element {
color: var(--mint-twist);
background-color: hsl(163 31% 72%);
border-color: oklch(0.813 0.051 175.4);
}Tailwind CSS v4
@theme {
--color-mint-twist: #a0cdc0;
--color-mint-twist-50: #e7faf5;
--color-mint-twist-100: #d7eee8;
--color-mint-twist-200: #bedcd4;
--color-mint-twist-300: #9dc0b7;
--color-mint-twist-400: #7fa99d;
--color-mint-twist-500: #619284;
--color-mint-twist-600: #537b70;
--color-mint-twist-700: #42635a;
--color-mint-twist-800: #304841;
--color-mint-twist-900: #20322d;
--color-mint-twist-950: #101e1a;
}SCSS
$mint-twist: #a0cdc0;
$mint-twist-rgb: 160, 205, 192;
$mint-twist-light: mix(#fff, $mint-twist, 20%);
$mint-twist-dark: mix(#000, $mint-twist, 20%);
.element {
color: $mint-twist;
box-shadow: 0 0 0 2px rgba($mint-twist, 0.35);
}