Colore con nome · #908268
Ceramic Pot
Ceramic Pot è #908268: rgb(144 130 104), hsl(39 16% 49%), oklch(0.612 0.041 82.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ceramic Pot color name →
#908268
oklch(0.612 0.041 82.9)
Conversioni di colore
- HEX
- #908268
- RGB
- rgb(144 130 104)
- HSL
- hsl(39 16% 49%)
- HWB
- hwb(39 41% 44%)
- OKLCH
- oklch(0.612 0.041 82.9)
- OKLab
- oklab(0.612 0.005 0.041)
- CIE Lab
- lab(55.12 2.35 16.17)
- LCH
- lch(55.12 16.34 81.7)
- CMYK
- cmyk(0% 10% 28% 44%)
Tinte · Ombre · Toni
Tinte
- 9B8E76
- A59A85
- B0A693
- BBB2A2
- C6BFB1
- D1CBC0
- DDD8D0
- E8E5DF
- F3F2EF
Ombre
- 7D7059
- 6A5F4B
- 574E3E
- 453E30
- 342F24
- 242018
- 15120C
- 070604
- 010100
Toni
- 8E826B
- 8D826D
- 8B8270
- 8A8172
- 888174
- 868177
- 858179
- 83807B
- 82807E
Armonie di colore
Complementare +180°
- 908268
Ceramic Pot
- 77849D
≈ Tempest
Analogo -30° +30°
- 908268
Ceramic Pot
- 987D6D
≈ Tempered Allspice
- 84876B
≈ Native Henna
Triadico +120° +240°
- 908268
Ceramic Pot
- 678C8F
≈ Sealegs
- 907C92
≈ Violet Persuasion
Complementare divisa +150° +210°
- 908268
Ceramic Pot
- 6C8999
≈ Relaxed Blue
- 84809B
≈ Live Jazz
Tetradico +90° +180° +270°
- 908268
Ceramic Pot
- 6B8C81
≈ Hanging Vine
- 77849D
≈ Tempest
- 987A86
≈ Mulberry Wine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--ceramic-pot: #908268;
--ceramic-pot-rgb: 144 130 104;
--ceramic-pot-oklch: oklch(0.612 0.041 82.9);
}
.element {
color: var(--ceramic-pot);
background-color: hsl(39 16% 49%);
border-color: oklch(0.612 0.041 82.9);
}Tailwind CSS v4
@theme {
--color-ceramic-pot: #908268;
--color-ceramic-pot-50: #fbf4e8;
--color-ceramic-pot-100: #eee7d9;
--color-ceramic-pot-200: #dcd3c1;
--color-ceramic-pot-300: #c1b6a0;
--color-ceramic-pot-400: #aa9d83;
--color-ceramic-pot-500: #948467;
--color-ceramic-pot-600: #7d7058;
--color-ceramic-pot-700: #645946;
--color-ceramic-pot-800: #4a4132;
--color-ceramic-pot-900: #332d22;
--color-ceramic-pot-950: #1f1a11;
}SCSS
$ceramic-pot: #908268;
$ceramic-pot-rgb: 144, 130, 104;
$ceramic-pot-light: mix(#fff, $ceramic-pot, 20%);
$ceramic-pot-dark: mix(#000, $ceramic-pot, 20%);
.element {
color: $ceramic-pot;
box-shadow: 0 0 0 2px rgba($ceramic-pot, 0.35);
}