Nazwany kolor · #AD7356
Glazed Pot
Glazed Pot to #AD7356: rgb(173 115 86), hsl(20 35% 51%), oklch(0.609 0.085 47.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Glazed Pot color name →
#AD7356
oklch(0.609 0.085 47.2)
Konwersje koloru
- HEX
- #ad7356
- RGB
- rgb(173 115 86)
- HSL
- hsl(20 35% 51%)
- HWB
- hwb(20 34% 32%)
- OKLCH
- oklch(0.609 0.085 47.2)
- OKLab
- oklab(0.609 0.057 0.062)
- CIE Lab
- lab(54.19 21.13 25.84)
- LCH
- lch(54.19 33.38 50.7)
- CMYK
- cmyk(0% 34% 50% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B68166
- BE8E77
- C79C87
- CFAA98
- D7B8A8
- DFC6B9
- E7D4CA
- EFE2DC
- F7F0ED
Odcienie ciemniejsze
- 96634A
- 7F543E
- 6A4532
- 553627
- 41281C
- 2D1B12
- 1B0F08
- 0B0502
- 010100
Tony
- A9755B
- A5765F
- A07864
- 9C7968
- 987A6C
- 937C70
- 8F7D74
- 8A7E78
- 857F7C
Harmonie kolorów
Komplementarna +180°
- AD7356
Glazed Pot
- 458DAB
≈ Boston Blue
Analogowa -30° +30°
- AD7356
Glazed Pot
- B06E70
≈ Horizon Glow
- 9F7C45
≈ Ochre Brown
Triada +120° +240°
- AD7356
Glazed Pot
- 4B9378
≈ Winter Green
- 807BB3
≈ Purple Rhapsody
Komplementarna rozszczepiona +150° +210°
- AD7356
Glazed Pot
- 389395
≈ Catalan
- 6285B6
≈ Marine Ink
Tetrada +90° +180° +270°
- AD7356
Glazed Pot
- 6A8F5C
≈ Irish Charm
- 458DAB
≈ Boston Blue
- 9873A5
≈ Scotch Thistle
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.91:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.36:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.36:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--glazed-pot: #ad7356;
--glazed-pot-rgb: 173 115 86;
--glazed-pot-oklch: oklch(0.609 0.085 47.2);
}
.element {
color: var(--glazed-pot);
background-color: hsl(20 35% 51%);
border-color: oklch(0.609 0.085 47.2);
}Tailwind CSS v4
@theme {
--color-glazed-pot: #ad7356;
--color-glazed-pot-50: #ffefe0;
--color-glazed-pot-100: #ffe0d0;
--color-glazed-pot-200: #f3cab5;
--color-glazed-pot-300: #dcab91;
--color-glazed-pot-400: #c88f73;
--color-glazed-pot-500: #b47454;
--color-glazed-pot-600: #986348;
--color-glazed-pot-700: #7a4f39;
--color-glazed-pot-800: #5b3929;
--color-glazed-pot-900: #40271c;
--color-glazed-pot-950: #28150c;
}SCSS
$glazed-pot: #ad7356;
$glazed-pot-rgb: 173, 115, 86;
$glazed-pot-light: mix(#fff, $glazed-pot, 20%);
$glazed-pot-dark: mix(#000, $glazed-pot, 20%);
.element {
color: $glazed-pot;
box-shadow: 0 0 0 2px rgba($glazed-pot, 0.35);
}