Colore con nome più vicino · #299897
#299897
Colore con nome più vicino: Java
#299897 (rgb(41 152 151), hsl(179 58% 38%), oklch(0.62 0.096 194.1)) è più vicino al colore con nome Java. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#299897
oklch(0.62 0.096 194.1)
Conversioni di colore
- HEX
- #299897
- RGB
- rgb(41 152 151)
- HSL
- hsl(179 58% 38%)
- HWB
- hwb(179 16% 40%)
- OKLCH
- oklch(0.62 0.096 194.1)
- OKLab
- oklab(0.62 -0.093 -0.023)
- CIE Lab
- lab(56.96 -31.45 -8.86)
- LCH
- lch(56.96 32.68 195.7)
- CMYK
- cmyk(73% 0% 1% 40%)
Tinte · Ombre · Toni
Tinte
- 47A2A1
- 5FACAB
- 75B7B5
- 8AC1BF
- 9ECBCA
- B1D5D4
- C5E0DF
- D8EAE9
- ECF5F4
Ombre
- 228483
- 1C706F
- 155C5C
- 0F4A49
- 093837
- 052726
- 021717
- 010808
- 000101
Toni
- 3A9695
- 469492
- 509190
- 598F8E
- 618D8C
- 688A89
- 6F8887
- 758585
- 7B8382
Armonie di colore
Complementare +180°
- 299897
Java
- B86D75
≈ Rose Gold
Analogo -30° +30°
- 299897
Java
- 479877
≈ Smaragdine
- 3892B1
≈ Enchanted Well
Triadico +120° +240°
- 299897
Java
- 9B75AF
≈ Bell Heather
- A87D3F
≈ Rich Sorrel
Complementare divisa +150° +210°
- 299897
Java
- AF6E94
≈ Purple Starburst
- B67355
≈ Iced Tea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.48:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.03:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--java: #299897;
--java-rgb: 41 152 151;
--java-oklch: oklch(0.62 0.096 194.1);
}
.element {
color: var(--java);
background-color: hsl(179 58% 38%);
border-color: oklch(0.62 0.096 194.1);
}Tailwind CSS v4
@theme {
--color-java: #299897;
--color-java-50: #d7fefe;
--color-java-100: #c4f2f2;
--color-java-200: #a4e2e2;
--color-java-300: #7ac7c7;
--color-java-400: #4fb0af;
--color-java-500: #069a99;
--color-java-600: #118281;
--color-java-700: #0f6867;
--color-java-800: #084d4b;
--color-java-900: #063534;
--color-java-950: #00201f;
}SCSS
$java: #299897;
$java-rgb: 41, 152, 151;
$java-light: mix(#fff, $java, 20%);
$java-dark: mix(#000, $java, 20%);
.element {
color: $java;
box-shadow: 0 0 0 2px rgba($java, 0.35);
}