Colore con nome · #06B48B
Chromophobia Green
Chromophobia Green è #06B48B: rgb(6 180 139), hsl(166 94% 36%), oklch(0.685 0.136 169). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Chromophobia Green color name →
#06B48B
oklch(0.685 0.136 169)
Conversioni di colore
- HEX
- #06b48b
- RGB
- rgb(6 180 139)
- HSL
- hsl(166 94% 36%)
- HWB
- hwb(166 2% 29%)
- OKLCH
- oklch(0.685 0.136 169)
- OKLab
- oklab(0.685 -0.134 0.026)
- CIE Lab
- lab(65.22 -47.59 9.63)
- LCH
- lch(65.22 48.56 168.6)
- CMYK
- cmyk(97% 0% 23% 29%)
Tinte · Ombre · Toni
Tinte
- 40BC96
- 5DC3A1
- 75CBAD
- 8BD3B8
- 9FDAC4
- B3E2CF
- C6E9DB
- D9F0E7
- ECF8F3
Ombre
- 049C78
- 038566
- 026E54
- 015843
- 014432
- 003023
- 001D14
- 000C07
- 000201
Toni
- 2EAF8A
- 41AA89
- 4EA588
- 59A087
- 629B86
- 699585
- 709083
- 768B82
- 7B8581
Armonie di colore
Complementare +180°
- 06B48B
Chromophobia Green
- D774A7
≈ Chinese Pink
Analogo -30° +30°
- 06B48B
Chromophobia Green
- 6BAD58
≈ Techno Green
- 00AFB5
≈ Mermaid Treasure
Triadico +120° +240°
- 06B48B
Chromophobia Green
- 988AE8
≈ Perrywinkle
- DC7D47
≈ Japanese Koi
Complementare divisa +150° +210°
- 06B48B
Chromophobia Green
- BD7DCF
≈ Lavender Blossom
- E17478
≈ Natural Candy Pink
Tetradico +90° +180° +270°
- 06B48B
Chromophobia Green
- 649AED
≈ Guilliman Blue
- D774A7
≈ Chinese Pink
- C68E19
≈ Festering Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.90:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.90:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--chromophobia-green: #06b48b;
--chromophobia-green-rgb: 6 180 139;
--chromophobia-green-oklch: oklch(0.685 0.136 169);
}
.element {
color: var(--chromophobia-green);
background-color: hsl(166 94% 36%);
border-color: oklch(0.685 0.136 169);
}Tailwind CSS v4
@theme {
--color-chromophobia-green: #06b48b;
--color-chromophobia-green-50: #cffff0;
--color-chromophobia-green-100: #baf7e2;
--color-chromophobia-green-200: #97e8cc;
--color-chromophobia-green-300: #65ceae;
--color-chromophobia-green-400: #2cb890;
--color-chromophobia-green-500: #00a276;
--color-chromophobia-green-600: #008964;
--color-chromophobia-green-700: #006e50;
--color-chromophobia-green-800: #005138;
--color-chromophobia-green-900: #003826;
--color-chromophobia-green-950: #002315;
}SCSS
$chromophobia-green: #06b48b;
$chromophobia-green-rgb: 6, 180, 139;
$chromophobia-green-light: mix(#fff, $chromophobia-green, 20%);
$chromophobia-green-dark: mix(#000, $chromophobia-green, 20%);
.element {
color: $chromophobia-green;
box-shadow: 0 0 0 2px rgba($chromophobia-green, 0.35);
}