이름 색상 · #BB6569
Terra Rosa
Terra Rosa은(는) #BB6569: rgb(187 101 105), hsl(357 39% 56%), oklch(0.607 0.11 17.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Terra Rosa color name →
#BB6569
oklch(0.607 0.11 17.9)
색상 변환
- HEX
- #bb6569
- RGB
- rgb(187 101 105)
- HSL
- hsl(357 39% 56%)
- HWB
- hwb(357 40% 27%)
- OKLCH
- oklch(0.607 0.11 17.9)
- OKLab
- oklab(0.607 0.105 0.034)
- CIE Lab
- lab(53.21 35.51 14.03)
- LCH
- lch(53.21 38.18 21.6)
- CMYK
- cmyk(0% 46% 44% 27%)
틴트 · 셰이드 · 톤
틴트
- C37477
- CB8385
- D29394
- D9A2A3
- E0B1B1
- E7C0C1
- EDD0D0
- F4E0DF
- F9EFEF
셰이드
- A2575A
- 8A494C
- 733C3E
- 5C2F31
- 462224
- 321718
- 1F0C0C
- 0D0304
- 020000
톤
- B6686B
- B06C6E
- AB6F70
- A57172
- A07475
- 9A7777
- 947979
- 8D7C7C
- 877E7E
색 조화
보색 +180°
- BB6569
Terra Rosa
- 009598
≈ Sea Fantasy
유사색 -30° +30°
- BB6569
Terra Rosa
- B2658E
≈ Je t’aime
- B76C44
≈ Tufted Leather
삼각 배색 +120° +240°
- BB6569
Terra Rosa
- 60924E
≈ Field Time Green
- 5783C4
≈ Astro Nautico
분열 보색 +150° +210°
- BB6569
Terra Rosa
- 299775
≈ Cadaverous
- 1F8EB6
≈ Hidden Springs
사각 배색 +90° +180° +270°
- BB6569
Terra Rosa
- 89872D
≈ Buffy Citrine
- 009598
≈ Sea Fantasy
- 7F77C0
≈ Ube
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.05:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.17:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--terra-rosa: #bb6569;
--terra-rosa-rgb: 187 101 105;
--terra-rosa-oklch: oklch(0.607 0.11 17.9);
}
.element {
color: var(--terra-rosa);
background-color: hsl(357 39% 56%);
border-color: oklch(0.607 0.11 17.9);
}Tailwind CSS v4
@theme {
--color-terra-rosa: #bb6569;
--color-terra-rosa-50: #ffe9e8;
--color-terra-rosa-100: #ffdad9;
--color-terra-rosa-200: #ffc2c1;
--color-terra-rosa-300: #eba1a0;
--color-terra-rosa-400: #d88386;
--color-terra-rosa-500: #c4656a;
--color-terra-rosa-600: #a6565a;
--color-terra-rosa-700: #854548;
--color-terra-rosa-800: #633135;
--color-terra-rosa-900: #452124;
--color-terra-rosa-950: #2d1013;
}SCSS
$terra-rosa: #bb6569;
$terra-rosa-rgb: 187, 101, 105;
$terra-rosa-light: mix(#fff, $terra-rosa, 20%);
$terra-rosa-dark: mix(#000, $terra-rosa, 20%);
.element {
color: $terra-rosa;
box-shadow: 0 0 0 2px rgba($terra-rosa, 0.35);
}