Colore con nome · #428267
Bathing Beauty
Bathing Beauty è #428267: rgb(66 130 103), hsl(155 33% 38%), oklch(0.556 0.079 164.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bathing Beauty color name →
#428267
oklch(0.556 0.079 164.3)
Conversioni di colore
- HEX
- #428267
- RGB
- rgb(66 130 103)
- HSL
- hsl(155 33% 38%)
- HWB
- hwb(155 26% 49%)
- OKLCH
- oklch(0.556 0.079 164.3)
- OKLab
- oklab(0.556 -0.076 0.021)
- CIE Lab
- lab(49.54 -26.69 8.03)
- LCH
- lch(49.54 27.88 163.2)
- CMYK
- cmyk(49% 0% 21% 49%)
Tinte · Ombre · Toni
Tinte
- 568E75
- 699A83
- 7BA692
- 8EB3A1
- A0BFB0
- B3CCBF
- C6D8CF
- D9E5DF
- ECF2EF
Ombre
- 387059
- 2F5F4B
- 254E3D
- 1C3E30
- 142F23
- 0B2017
- 05120C
- 010604
- 000100
Toni
- 4A826A
- 51826C
- 58826F
- 5E8271
- 648174
- 6A8176
- 708179
- 75817B
- 7B807E
Armonie di colore
Complementare +180°
- 428267
Bathing Beauty
- 94607E
≈ Immortality
Analogo -30° +30°
- 428267
Bathing Beauty
- 607E4D
≈ Green Knoll
- 2E8281
≈ Nero’s Green
Triadico +120° +240°
- 428267
Bathing Beauty
- 6E6DA0
≈ Dusted Peri
- 9A644C
≈ Tuscan Rooftops
Complementare divisa +150° +210°
- 428267
Bathing Beauty
- 846594
≈ Dark Lavender
- 9C6065
≈ Pizza Pie
Tetradico +90° +180° +270°
- 428267
Bathing Beauty
- 5275A1
≈ Secrecy
- 94607E
≈ Immortality
- 8F6C3B
≈ Mango Squash
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.54:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.62:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--bathing-beauty: #428267;
--bathing-beauty-rgb: 66 130 103;
--bathing-beauty-oklch: oklch(0.556 0.079 164.3);
}
.element {
color: var(--bathing-beauty);
background-color: hsl(155 33% 38%);
border-color: oklch(0.556 0.079 164.3);
}Tailwind CSS v4
@theme {
--color-bathing-beauty: #428267;
--color-bathing-beauty-50: #e1fdf0;
--color-bathing-beauty-100: #d0f1e2;
--color-bathing-beauty-200: #b5e0cd;
--color-bathing-beauty-300: #91c5ae;
--color-bathing-beauty-400: #71ae92;
--color-bathing-beauty-500: #4f9778;
--color-bathing-beauty-600: #448066;
--color-bathing-beauty-700: #366651;
--color-bathing-beauty-800: #274b3a;
--color-bathing-beauty-900: #1a3428;
--color-bathing-beauty-950: #0a1f16;
}SCSS
$bathing-beauty: #428267;
$bathing-beauty-rgb: 66, 130, 103;
$bathing-beauty-light: mix(#fff, $bathing-beauty, 20%);
$bathing-beauty-dark: mix(#000, $bathing-beauty, 20%);
.element {
color: $bathing-beauty;
box-shadow: 0 0 0 2px rgba($bathing-beauty, 0.35);
}