Nazwany kolor · #FFA6D9
Corinthian Pink
Corinthian Pink to #FFA6D9: rgb(255 166 217), hsl(326 100% 83%), oklch(0.828 0.122 344.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Corinthian Pink color name →
#FFA6D9
oklch(0.828 0.122 344.7)
Konwersje koloru
- HEX
- #ffa6d9
- RGB
- rgb(255 166 217)
- HSL
- hsl(326 100% 83%)
- HWB
- hwb(326 65% 0%)
- OKLCH
- oklch(0.828 0.122 344.7)
- OKLab
- oklab(0.828 0.117 -0.032)
- CIE Lab
- lab(78.34 38.89 -11.67)
- LCH
- lch(78.34 40.6 343.3)
- CMYK
- cmyk(0% 35% 15% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFAFDD
- FFB8E1
- FFC1E4
- FFCAE8
- FFD3EC
- FFDCF0
- FFE5F4
- FFEDF7
- FFF6FB
Odcienie ciemniejsze
- DE90BC
- BE7AA1
- 9E6586
- 80516C
- 633E53
- 482B3B
- 2E1A25
- 160A11
- 030102
Tony
- F2A2D0
- E59FC7
- D99BBE
- CC98B5
- BF94AC
- B390A3
- A68C9A
- 998891
- 8D8489
Harmonie kolorów
Komplementarna +180°
- FFA6D9
Corinthian Pink
- 71E0B2
≈ Ocean in a Bowl
Analogowa -30° +30°
- FFA6D9
Corinthian Pink
- E4AEFD
≈ Mauve
- FFADB3
≈ Poodle Skirt
Triada +120° +240°
- FFA6D9
Corinthian Pink
- D3CB68
≈ Quince
- 67D6FF
≈ Heisenberg Blue
Komplementarna rozszczepiona +150° +210°
- FFA6D9
Corinthian Pink
- A4D887
≈ Feijoa
- 4DDFDF
≈ Neon Nazar
Tetrada +90° +180° +270°
- FFA6D9
Corinthian Pink
- F5BB67
≈ Brasso
- 71E0B2
≈ Ocean in a Bowl
- A0CAFF
≈ Apocyan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.79:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.70:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.70:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--corinthian-pink: #ffa6d9;
--corinthian-pink-rgb: 255 166 217;
--corinthian-pink-oklch: oklch(0.828 0.122 344.7);
}
.element {
color: var(--corinthian-pink);
background-color: hsl(326 100% 83%);
border-color: oklch(0.828 0.122 344.7);
}Tailwind CSS v4
@theme {
--color-corinthian-pink: #ffa6d9;
--color-corinthian-pink-50: #ffe8fc;
--color-corinthian-pink-100: #ffd8f0;
--color-corinthian-pink-200: #fcc0df;
--color-corinthian-pink-300: #e69ec4;
--color-corinthian-pink-400: #d180af;
--color-corinthian-pink-500: #bd6299;
--color-corinthian-pink-600: #a05381;
--color-corinthian-pink-700: #804367;
--color-corinthian-pink-800: #5f304e;
--color-corinthian-pink-900: #422036;
--color-corinthian-pink-950: #2a1021;
}SCSS
$corinthian-pink: #ffa6d9;
$corinthian-pink-rgb: 255, 166, 217;
$corinthian-pink-light: mix(#fff, $corinthian-pink, 20%);
$corinthian-pink-dark: mix(#000, $corinthian-pink, 20%);
.element {
color: $corinthian-pink;
box-shadow: 0 0 0 2px rgba($corinthian-pink, 0.35);
}