Adlandırılmış renk · #ADA0BD
Iris Blossom
Iris Blossom, #ADA0BD: rgb(173 160 189), hsl(267 18% 68%), oklch(0.726 0.044 305.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Iris Blossom color name →
#ADA0BD
oklch(0.726 0.044 305.6)
Renk dönüşümleri
- HEX
- #ada0bd
- RGB
- rgb(173 160 189)
- HSL
- hsl(267 18% 68%)
- HWB
- hwb(267 63% 26%)
- OKLCH
- oklch(0.726 0.044 305.6)
- OKLab
- oklab(0.726 0.025 -0.036)
- CIE Lab
- lab(67.71 9.07 -13.22)
- LCH
- lch(67.71 16.03 304.5)
- CMYK
- cmyk(8% 15% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B5A9C4
- BDB2CA
- C5BCD1
- CDC5D7
- D5CFDE
- DDD8E4
- E6E2EB
- EEEBF2
- F7F5F8
Koyu tonlar
- 968BA4
- 7F768C
- 6A6174
- 554E5D
- 413B47
- 2D2933
- 1B191F
- 0B090D
- 010102
Gri tonlar
- A89DB7
- A49AB1
- 9F96AA
- 9B93A4
- 96909E
- 928D98
- 8D8A92
- 89868C
- 848386
Renk uyumları
Tamamlayıcı +180°
- ADA0BD
Iris Blossom
- A0AC8E
≈ Rooftop Garden
Analog -30° +30°
- ADA0BD
Iris Blossom
- 9EA5C3
≈ Wild Phlox
- B99DB1
≈ Fiddlesticks
Üçlü +120° +240°
- ADA0BD
Iris Blossom
- BAA28A
≈ Sesame
- 88B0AA
≈ Silicate Green
Bölünmüş tamamlayıcı +150° +210°
- ADA0BD
Iris Blossom
- AFA788
≈ Summer Valley
- 91AF9B
≈ Andean Slate
Dörtlü +90° +180° +270°
- ADA0BD
Iris Blossom
- C09D94
≈ Coca Mocha
- A0AC8E
≈ Rooftop Garden
- 88AEB8
≈ Sebastian Inlet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.53:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--iris-blossom: #ada0bd;
--iris-blossom-rgb: 173 160 189;
--iris-blossom-oklch: oklch(0.726 0.044 305.6);
}
.element {
color: var(--iris-blossom);
background-color: hsl(267 18% 68%);
border-color: oklch(0.726 0.044 305.6);
}Tailwind CSS v4
@theme {
--color-iris-blossom: #ada0bd;
--color-iris-blossom-50: #f8f2ff;
--color-iris-blossom-100: #ece4f4;
--color-iris-blossom-200: #d9d0e3;
--color-iris-blossom-300: #bdb2c9;
--color-iris-blossom-400: #a498b4;
--color-iris-blossom-500: #8d7f9e;
--color-iris-blossom-600: #776c85;
--color-iris-blossom-700: #5f566b;
--color-iris-blossom-800: #453f4f;
--color-iris-blossom-900: #302b37;
--color-iris-blossom-950: #1c1922;
}SCSS
$iris-blossom: #ada0bd;
$iris-blossom-rgb: 173, 160, 189;
$iris-blossom-light: mix(#fff, $iris-blossom, 20%);
$iris-blossom-dark: mix(#000, $iris-blossom, 20%);
.element {
color: $iris-blossom;
box-shadow: 0 0 0 2px rgba($iris-blossom, 0.35);
}