Colore con nome · #6B6273
Iris Petal
Iris Petal è #6B6273: rgb(107 98 115), hsl(272 8% 42%), oklch(0.511 0.029 309.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Iris Petal color name →
#6B6273
oklch(0.511 0.029 309.1)
Conversioni di colore
- HEX
- #6b6273
- RGB
- rgb(107 98 115)
- HSL
- hsl(272 8% 42%)
- HWB
- hwb(272 38% 55%)
- OKLCH
- oklch(0.511 0.029 309.1)
- OKLab
- oklab(0.511 0.018 -0.022)
- CIE Lab
- lab(42.86 6.34 -8.26)
- LCH
- lch(42.86 10.41 307.5)
- CMYK
- cmyk(7% 15% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 797080
- 877F8D
- 958E9B
- A39EA9
- B2ADB7
- C1BDC5
- D0CDD3
- E0DEE2
- EFEEF0
Ombre
- 5C5463
- 4E4754
- 3F3A45
- 322D36
- 252128
- 18161B
- 0D0B0F
- 040305
- 000001
Toni
- 6D6574
- 6F6876
- 716B77
- 736E78
- 75717A
- 78747B
- 7A777C
- 7C7A7D
- 7E7D7F
Armonie di colore
Complementare +180°
- 6B6273
Iris Petal
- 616A58
≈ Italian Basil
Analogo -30° +30°
- 6B6273
Iris Petal
- 626577
≈ Eggplant Ash
- 72606C
≈ Smoked Mulberry
Triadico +120° +240°
- 6B6273
Iris Petal
- 716455
≈ Smokehouse
- 546C69
≈ Sequoia Lake
Complementare divisa +150° +210°
- 6B6273
Iris Petal
- 6A6754
≈ Double Duty
- 596C60
≈ Windrock
Tetradico +90° +180° +270°
- 6B6273
Iris Petal
- 75615A
≈ Burnt Grape
- 616A58
≈ Italian Basil
- 546A71
≈ Distance
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.80:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.61:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--iris-petal: #6b6273;
--iris-petal-rgb: 107 98 115;
--iris-petal-oklch: oklch(0.511 0.029 309.1);
}
.element {
color: var(--iris-petal);
background-color: hsl(272 8% 42%);
border-color: oklch(0.511 0.029 309.1);
}Tailwind CSS v4
@theme {
--color-iris-petal: #6b6273;
--color-iris-petal-50: #f8f3fb;
--color-iris-petal-100: #ebe5ef;
--color-iris-petal-200: #d8d1dd;
--color-iris-petal-300: #bcb4c2;
--color-iris-petal-400: #a39aac;
--color-iris-petal-500: #8c8195;
--color-iris-petal-600: #766d7e;
--color-iris-petal-700: #5f5765;
--color-iris-petal-800: #45404a;
--color-iris-petal-900: #302c34;
--color-iris-petal-950: #1c191f;
}SCSS
$iris-petal: #6b6273;
$iris-petal-rgb: 107, 98, 115;
$iris-petal-light: mix(#fff, $iris-petal, 20%);
$iris-petal-dark: mix(#000, $iris-petal, 20%);
.element {
color: $iris-petal;
box-shadow: 0 0 0 2px rgba($iris-petal, 0.35);
}