Benannte Farbe · #007C75
Romantic Isle
Romantic Isle ist #007C75: rgb(0 124 117), hsl(177 100% 24%), oklch(0.528 0.092 187.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Romantic Isle color name →
#007C75
oklch(0.528 0.092 187.9)
Farbumrechnungen
- HEX
- #007c75
- RGB
- rgb(0 124 117)
- HSL
- hsl(177 100% 24%)
- HWB
- hwb(177 0% 51%)
- OKLCH
- oklch(0.528 0.092 187.9)
- OKLab
- oklab(0.528 -0.091 -0.013)
- CIE Lab
- lab(46.35 -31.45 -4.94)
- LCH
- lch(46.35 31.83 188.9)
- CMYK
- cmyk(100% 0% 6% 51%)
Tints · Shades · Tones
Tints
- 328982
- 4D958F
- 65A29C
- 7CAFAA
- 92BCB8
- A7C9C6
- BDD7D4
- D3E4E2
- E9F1F0
Shades
- 006B65
- 005A55
- 004A46
- 003B37
- 002C29
- 001E1C
- 00110F
- 000505
- 000101
Tones
- 227D76
- 337D77
- 417E78
- 4C7E79
- 567F7B
- 5F7F7C
- 687F7D
- 70807E
- 78807F
Farbharmonien
Komplementär +180°
- 007C75
Romantic Isle
- 985361
≈ Vin Rouge
Analog -30° +30°
- 007C75
Romantic Isle
- 367B56
≈ Amazon
- 0D788E
≈ Bayou Serenade
Triadisch +120° +240°
- 007C75
Romantic Isle
- 7A5C94
≈ Ghostly Purple
- 8E602A
≈ Rusty Coin
Geteilt komplementär +150° +210°
- 007C75
Romantic Isle
- 8D567E
≈ Dynamic Magenta
- 985743
≈ Rookwood Terra Cotta
Tetradisch +90° +180° +270°
- 007C75
Romantic Isle
- 5F65A0
≈ Iris Bloom
- 985361
≈ Vin Rouge
- 7A6B24
≈ Tarnished Brass
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.07:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.13:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--romantic-isle: #007c75;
--romantic-isle-rgb: 0 124 117;
--romantic-isle-oklch: oklch(0.528 0.092 187.9);
}
.element {
color: var(--romantic-isle);
background-color: hsl(177 100% 24%);
border-color: oklch(0.528 0.092 187.9);
}Tailwind CSS v4
@theme {
--color-romantic-isle: #007c75;
--color-romantic-isle-50: #d8fefb;
--color-romantic-isle-100: #c6f2ee;
--color-romantic-isle-200: #a7e1dd;
--color-romantic-isle-300: #7ec7c2;
--color-romantic-isle-400: #56b0a8;
--color-romantic-isle-500: #209991;
--color-romantic-isle-600: #1f827b;
--color-romantic-isle-700: #196862;
--color-romantic-isle-800: #114d47;
--color-romantic-isle-900: #0b3531;
--color-romantic-isle-950: #00201d;
}SCSS
$romantic-isle: #007c75;
$romantic-isle-rgb: 0, 124, 117;
$romantic-isle-light: mix(#fff, $romantic-isle, 20%);
$romantic-isle-dark: mix(#000, $romantic-isle, 20%);
.element {
color: $romantic-isle;
box-shadow: 0 0 0 2px rgba($romantic-isle, 0.35);
}