Colore con nome più vicino · #00688A
#00688A
Colore con nome più vicino: Copacabana
#00688A (rgb(0 104 138), hsl(195 100% 27%), oklch(0.484 0.096 229.5)) è più vicino al colore con nome Copacabana. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00688A
oklch(0.484 0.096 229.5)
Conversioni di colore
- HEX
- #00688a
- RGB
- rgb(0 104 138)
- HSL
- hsl(195 100% 27%)
- HWB
- hwb(195 0% 46%)
- OKLCH
- oklch(0.484 0.096 229.5)
- OKLab
- oklab(0.484 -0.062 -0.073)
- CIE Lab
- lab(40.35 -16.36 -26.48)
- LCH
- lch(40.35 31.13 238.3)
- CMYK
- cmyk(100% 25% 0% 46%)
Tinte · Ombre · Toni
Tinte
- 2D7796
- 4885A1
- 5F94AD
- 76A3B8
- 8DB2C4
- A3C1D0
- BAD0DC
- D1E0E7
- E8EFF3
Ombre
- 005977
- 004B65
- 003E53
- 003042
- 002432
- 001822
- 000C14
- 000407
- 000001
Toni
- 1E6B89
- 2F6D89
- 3C7088
- 477287
- 527586
- 5C7785
- 657A84
- 6E7C83
- 777E81
Armonie di colore
Complementare +180°
- 00688A
Copacabana
- 894D29
≈ Chestnut Glaze
Analogo -30° +30°
- 00688A
Copacabana
- 006C71
≈ Deep Lake
- 3D5F95
≈ Portuguese Blue
Triadico +120° +240°
- 00688A
Copacabana
- 864667
≈ Grand Poobah
- 636315
≈ Greenish Brown
Complementare divisa +150° +210°
- 00688A
Copacabana
- 8D4648
≈ Rhubarb Smoothie
- 7B570C
≈ Autumn Leaf Brown
Tetradico +90° +180° +270°
- 00688A
Copacabana
- 764C81
≈ Lilac Violet
- 894D29
≈ Chestnut Glaze
- 406C35
≈ Tree Shade
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.27:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.34:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--copacabana: #00688a;
--copacabana-rgb: 0 104 138;
--copacabana-oklch: oklch(0.484 0.096 229.5);
}
.element {
color: var(--copacabana);
background-color: hsl(195 100% 27%);
border-color: oklch(0.484 0.096 229.5);
}Tailwind CSS v4
@theme {
--color-copacabana: #00688a;
--color-copacabana-50: #dbfbff;
--color-copacabana-100: #c9eeff;
--color-copacabana-200: #abdcf6;
--color-copacabana-300: #84c1e0;
--color-copacabana-400: #5da9cc;
--color-copacabana-500: #3192b9;
--color-copacabana-600: #2c7b9c;
--color-copacabana-700: #23637d;
--color-copacabana-800: #15495c;
--color-copacabana-900: #0e3241;
--color-copacabana-950: #011e29;
}SCSS
$copacabana: #00688a;
$copacabana-rgb: 0, 104, 138;
$copacabana-light: mix(#fff, $copacabana, 20%);
$copacabana-dark: mix(#000, $copacabana, 20%);
.element {
color: $copacabana;
box-shadow: 0 0 0 2px rgba($copacabana, 0.35);
}