Benannte Farbe · #A6D6C3
Southern Belle
Southern Belle ist #A6D6C3: rgb(166 214 195), hsl(156 37% 75%), oklch(0.837 0.057 168.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Southern Belle color name →
#A6D6C3
oklch(0.837 0.057 168.8)
Farbumrechnungen
- HEX
- #a6d6c3
- RGB
- rgb(166 214 195)
- HSL
- hsl(156 37% 75%)
- HWB
- hwb(156 65% 16%)
- OKLCH
- oklch(0.837 0.057 168.8)
- OKLab
- oklab(0.837 -0.056 0.011)
- CIE Lab
- lab(81.84 -19.13 4.04)
- LCH
- lch(81.84 19.55 168.1)
- CMYK
- cmyk(22% 0% 9% 16%)
Tints · Shades · Tones
Tints
- AFDAC9
- B8DECF
- C1E2D5
- CAE6DB
- D3EBE1
- DCEFE7
- E5F3ED
- EDF7F3
- F6FBF9
Shades
- 90BAA9
- 7A9E90
- 658478
- 516A60
- 3E524A
- 2B3B34
- 1A2520
- 0A100E
- 010202
Tones
- A2CDBC
- 9FC4B5
- 9BBBAE
- 97B3A8
- 94AAA1
- 90A29A
- 8C9994
- 88918D
- 848886
Farbharmonien
Komplementär +180°
- A6D6C3
Southern Belle
- E7BBD0
≈ Eau de Rose
Analog -30° +30°
- A6D6C3
Southern Belle
- B7D3B0
≈ Flower Stem
- 9ED5D7
≈ Dulcet
Triadisch +120° +240°
- A6D6C3
Southern Belle
- C7C4ED
≈ Violet Gems
- E9BFAA
≈ Retro Peach
Geteilt komplementär +150° +210°
- A6D6C3
Southern Belle
- DABEE2
≈ Sky Blue Pink
- ECBBBB
≈ Angry Ghost
Tetradisch +90° +180° +270°
- A6D6C3
Southern Belle
- B4CBEF
≈ Tropical Blue
- E7BBD0
≈ Eau de Rose
- DEC6A0
≈ Riviera Sand
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.61:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.02:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--southern-belle: #a6d6c3;
--southern-belle-rgb: 166 214 195;
--southern-belle-oklch: oklch(0.837 0.057 168.8);
}
.element {
color: var(--southern-belle);
background-color: hsl(156 37% 75%);
border-color: oklch(0.837 0.057 168.8);
}Tailwind CSS v4
@theme {
--color-southern-belle: #a6d6c3;
--color-southern-belle-50: #e6fbf3;
--color-southern-belle-100: #d6eee5;
--color-southern-belle-200: #bdddd1;
--color-southern-belle-300: #9bc1b3;
--color-southern-belle-400: #7eaa98;
--color-southern-belle-500: #60937f;
--color-southern-belle-600: #517c6c;
--color-southern-belle-700: #416356;
--color-southern-belle-800: #2f493e;
--color-southern-belle-900: #20322b;
--color-southern-belle-950: #0f1e18;
}SCSS
$southern-belle: #a6d6c3;
$southern-belle-rgb: 166, 214, 195;
$southern-belle-light: mix(#fff, $southern-belle, 20%);
$southern-belle-dark: mix(#000, $southern-belle, 20%);
.element {
color: $southern-belle;
box-shadow: 0 0 0 2px rgba($southern-belle, 0.35);
}